|
|
@ -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 { |
|
|
|