Vue.js的仅限移动设备的图像查看器 - vue-image-gallery

Vue.js的仅限移动设备的图像查看器 - vue-image-gallery
插件名称 vue-image-gallery
发布时间 2020年12月31日
插件作者 sunshine824

Vue.js应用程序的一个简单的,仅用于移动设备的图像查看器/照片库。

安装和下载:

npm install vue-image-gallery --save

使用

// ES6
import vueImageGallery from 'vue-image-gallery.js'

Vue.use(vueImageGallery)

// 或者直接使用script导入
<script src="./node_modules/vue/dist/vue-image-gallery.js"></script>

// 作为组件的方式使用
<vue-image-gallery></vue-image-gallery>

配置

<vue-image-gallery :banner="banner" :distance_min="distanceMin" :icon="icon"></vue-image-gallery>
data () {
      return {
        banner:[
                  {url:'https://unsplash.it/458/354?image=0',content:'这是一个张图片'},
                  {url:'https://unsplash.it/458/354?image=1',content:'这是二个张图片'},
                  {url:'https://unsplash.it/458/354?image=2',content:'这是三个张图片'},
                  {url:'https://unsplash.it/458/354?image=3',content:'这是四个张图片'},
                  {url:'https://unsplash.it/458/354?image=4',content:'这是五个张图片'},
              ],
        distanceMin:10,
        icon:'xxxx.png'
      }
    }