Browse Source

feat: 点击缩略图全屏铺满,点击关闭按钮或者空白处关闭平铺

ShangHai_LongXiang
jiannibang 2 years ago
parent
commit
62d79fb4bc
  1. 9
      src/base/ShopItem/picsCom.vue

9
src/base/ShopItem/picsCom.vue

@ -10,11 +10,12 @@ defineProps(['pics'])
<img v-for="pic in pics || []" :key="pic" class="pic" :src="pic" alt="" @click="current = pic" /> <img v-for="pic in pics || []" :key="pic" class="pic" :src="pic" alt="" @click="current = pic" />
</div> </div>
<Teleport v-if="current" to="body"> <Teleport v-if="current" to="body">
<div class="picDetail">
<div class="picDetail" @click="current = null">
<img class="detail" :src="current" alt="" /> <img class="detail" :src="current" alt="" />
<img src="./close.png" class="close" @click="current = null" alt="" srcset="" />
</div> </Teleport
></ScrollView>
<img src="./close.png" class="close" alt="" srcset="" />
</div>
</Teleport>
</ScrollView>
</template> </template>
<style lang="scss" scoped> <style lang="scss" scoped>
.pics { .pics {

Loading…
Cancel
Save