<template>
<div class="storeList">
<transition name="fade">
<div class="imgMask" v-if="showBigImg" @click.stop="showBigImg=!showBigImg">
<img class="prev" @click.stop="prev" src="@/assets/img/left.png">
<div class="showImg">
<img class="bigImg" :src="imgList[num]">
</div>
<img class="next" @click.stop="next" src="@/assets/img/right.png">
</div>
</transition>
<div class="imgbox">
<img v-for="(item,index) in imgList" :key="index" @click="bigImg(index)" :src="item" alt="" />
</div>
</div>
</template>
<script>
export default {
data() {
return {
showBigImg: false,
num: 0,
imgList: [
"http://boweisou.oss-cn-she
vue 简单弹出框
最新推荐文章于 2024-06-17 10:08:09 发布