点击跳转:
// 楼层区域事件
async getFloorList() {
const {
data: res
} = await uni.$http.get('/api/public/v1/home/floordata')
if (res.meta.status !== 200) return uni.$showMsg()
// 先不赋值,对数据进行处理
res.message.forEach(floor => {
floor.product_list.forEach(prod => {
prod.url = '/subpkg/goods_list/goods_list?' + prod.navigator_url.split('?')[1]
})
})
this.floorList = res.message
// uni.$showMsg('数据请求成功!')
},
<view class="floor-img-box">
<!-- 左侧大盒子 -->
<navigator class="left-img-box" :url="item.product_list[0].url">
<image :src="item.product_list[0].image_src"
:style="{width:item.product_list[0].image_width + 'rpx'}" mode="widthFix"></image>
</navigator>
<!-- 右侧四个小盒子 -->
<view class="right-img-box">
<!-- v-if排除第一张左侧的图片 -->
<navigator class="right-img-item" v-for="(item2, i2) in item.product_list" :key="i2"
v-if="i2 !== 0" :url="item2.url">
<image :src="item2.image_src" mode="widthFix" :style="{width: item2.image_width + 'rpx'}">
</image>
</navigator>
</view>
</view>