<div v-viewer="options" class="images">
<template v-for="item in imageList">
<img :src="https://bbs.csdn.net/topics/item.small" class="image" :key="item.imageId" :data-src="https://bbs.csdn.net/topics/item.big" style="weight:50px;height:50px;">
</template>
</div>
data() {
return {
imageList:[],
options: {
url: 'data-src'
},
}
getImageList() {
getImage().then(response => {
response.data = response.data.map((item,index)=>{
item.big = item.Path
item.small = item.Path
return item
})
this.imageList=response.data;
});
},
用了同一個圖片地址，多個圖片顯示時以縮略圖的形式顯示：
點擊單個圖片查看就是原先大小的圖片，但是點擊單個圖片彈出預覽時整個頁面沒有顯示在最前面，需要關掉當前頁面才能查看圖片預覽，這是為什么？
uj5u.com熱心網友回復：
層級問題，調整兩個的z-index屬性就可以解決了uj5u.com熱心網友回復：
z-index？是默認的么？小白沒明白
uj5u.com熱心網友回復：
找一下你的縮略圖的這個屬性是不是比它大了，改小一點
轉載請註明出處，本文鏈接：https://www.uj5u.com/qianduan/70130.html
標籤：JavaScript
上一篇：求前端開發好用的工具
下一篇：vue與express開發的網站