0.0.3 • Published 6 years ago

@ventose/imgviewer v0.0.3

Weekly downloads
-
License
MIT
Repository
github
Last release
6 years ago

ImgViewer

Demo

import Vue from 'vue'
...
//依赖全局的Vue 即 window.Vue
window.Vue = Vue;
    <div class="gallery">
      <div v-for="(src, index) in imgs" :key="index" class="pic" @click="() => show(index)">
        <img :src="src" />
      </div>
    </div>
  data(){
      return {
                imgs: [
                "https://shonesinglone.github.io/public/sample/0.jpg",
                "https://shonesinglone.github.io/public/sample/1.jpg",
                "https://shonesinglone.github.io/public/sample/2.jpg",
                "https://shonesinglone.github.io/public/sample/3.jpg",
                "https://shonesinglone.github.io/public/sample/4.jpg"
            ],
      }
  }
  methods: {
    show(index) {
      this.index = index;
      window.VueServer.imgViewer
        .setImgs(this.imgs)
        .setIndex(index)
        .show();
    }
  }
0.0.3

6 years ago

0.0.2

6 years ago

0.0.1

6 years ago