缩略图、预览
预览:https://github.com/Ls1231/vue-preview
安装:
npm i vue-preview -S
<ul class="mui-table-view mui-grid-view mui-grid-9">
<li v-for="(img,index) in imgs" :key="index" class="mui-table-view-cell mui-media mui-col-xs-4 mui-col-sm-3">
<!-- <img :src="img.src"> -->
<img class="preview-img" :src="img.src" height="100" @click="$preview.open(index, imgs)">
</li>
</ul>
<script>
//缩略图
this.$ajax.get('getthumimages/' + pid)
.then(res=>{
this.imgs = res.data.message;
//forEach
this.imgs.forEach((ele