vue封装图片预览全屏插件

注意：这个插件主要使用的是vue的Vue-Awesome-Swiper轮播插件.使用这个插件之前需要:

1.npm install vue-awesome-swiper --save

2.在主要文件全局引入：

import Vue from 'vue'

import VueAwesomeSwiper from 'vue-awesome-swiper'

import 'swiper/dist/css/swiper.css'

Vue.use(VueAwesomeSwiper)

3.lookImages.vue如下：其中dataSourse是文件集合（所有文件数据，可以是所有图片文件，类型是数组），visible是判断页面是否显示状态。fileId是当前选中查看大图文件id.(注意里面很多操作是因为项目逻辑处理的原因，可根据自己逻辑来删掉一些）

预览效果：上面点击跳转到某页，下面可以滑动。点击全屏可查看全屏，f11可推出全屏。