<div class="pbl_box">
<div class="pbl_box_info" v-for="(v, i) in shopList" :key="i" >
<img :src="v.thumbURL" alt="" />
</div>
</div>
.pbl_box {
column-count: 2;
column-gap: 10px;
padding: 10px;
column-rule: width style color;
}
.pbl_box_info {
break-inside: avoid;
box-sizing: border-box;
margin-bottom: 10px;
}
img {
display: block;
width: 100%;
}
<script src="https://cdn.jsdelivr.net/npm/vue@2.6.11"></script>
<script type="text/javascript">
var app = new Vue({
el: '#app',
data() {
return {
shopList: // 列表数据
[{
adType: "0",
hasAspData: "0",
thumbURL: "https://ss0.bdstatic.com/70cFvHSh_Q1YnxGkpoWK1HF6hhy/it/u=25462226,492036088&fm=26&gp=0.jpg",
middleURL: "https://ss0.bdstatic.com/70cFvHSh_Q1YnxGkpoWK1HF6hhy/it/u=25462226,492036088&fm=26&gp=0.jpg",
largeTnImageUrl: "",
hasLarge: 0,
hoverURL: "https://ss0.bdstatic.com/70cFvHSh_Q1YnxGkpoWK1HF6hhy/it/u=25462226,492036088&fm=26&gp=0.jpg",
pageNum: 90,
objURL: "ippr_z2C$qAzdH3FAzdH3Futsja8_z&e3B8mf7vwt_z&e3Bv54AzdH3F1AzdH3FutsjAzdH3Fda8nAzdH3Fam80AzdH3Fda8nam808a9mdmcca_z&e3B3r2",
fromURL: "ippr_z2C$qAzdH3FAzdH3Fooo_z&e3B4wsj451jsfrtvp76j_z&e3BgjpAzdH3F%Em%bl
转载请注明原文地址:https://ipadbbs.8miu.com/read-14992.html
