|
|
|
@ -7,7 +7,7 @@
|
|
|
|
|
<view class="wrap">
|
|
|
|
|
<u-waterfall v-model="flowList" ref="uWaterfall">
|
|
|
|
|
<template v-slot:left="{leftList}">
|
|
|
|
|
<view class="demo-warter" v-for="(item, index) in leftList" :key="index">
|
|
|
|
|
<view @click="toDetails(item)" class="demo-warter" v-for="(item, index) in leftList" :key="index">
|
|
|
|
|
<!-- 警告:微信小程序中需要hx2.8.11版本才支持在template中结合其他组件,比如下方的lazy-load组件 -->
|
|
|
|
|
|
|
|
|
|
<u-lazy-load threshold="-450" border-radius="10" :image="item.goodsImage.split(',')[0]" :index="index"></u-lazy-load>
|
|
|
|
@ -23,12 +23,12 @@
|
|
|
|
|
<view class="demo-title">
|
|
|
|
|
/份
|
|
|
|
|
</view>
|
|
|
|
|
<image class="carimg" :src="carimg"></image>
|
|
|
|
|
<image @click="toDetails(item)" class="carimg" :src="carimg"></image>
|
|
|
|
|
</view>
|
|
|
|
|
</view>
|
|
|
|
|
</template>
|
|
|
|
|
<template v-slot:right="{rightList}">
|
|
|
|
|
<view class="demo-warter" v-for="(item, index) in rightList" :key="index">
|
|
|
|
|
<view @click="toDetails(item)" class="demo-warter" v-for="(item, index) in rightList" :key="index">
|
|
|
|
|
|
|
|
|
|
<u-lazy-load threshold="-450" border-radius="10" :image="item.goodsImage.split(',')[0]" :index="index"></u-lazy-load>
|
|
|
|
|
<view class="demo-title">
|
|
|
|
@ -43,7 +43,7 @@
|
|
|
|
|
<view class="demo-title">
|
|
|
|
|
/份
|
|
|
|
|
</view>
|
|
|
|
|
<image class="carimg" :src="carimg"></image>
|
|
|
|
|
<image @click="toDetails(item)" class="carimg" :src="carimg"></image>
|
|
|
|
|
</view>
|
|
|
|
|
</view>
|
|
|
|
|
</template>
|
|
|
|
@ -80,8 +80,12 @@
|
|
|
|
|
const flowList = ref([]) //跳转详情
|
|
|
|
|
const toDetails = (item) => {
|
|
|
|
|
//在起始页面跳转到details.vue页面并传递参数
|
|
|
|
|
// uni.navigateTo({
|
|
|
|
|
// url: '../detail/detail?goods=' + JSON.stringify(item)
|
|
|
|
|
// });
|
|
|
|
|
|
|
|
|
|
uni.navigateTo({
|
|
|
|
|
url: '../detail/detail?goods=' + JSON.stringify(item)
|
|
|
|
|
url: '../detail/detail?goods=' + encodeURIComponent(JSON.stringify(item))
|
|
|
|
|
});
|
|
|
|
|
}
|
|
|
|
|
//获取轮播图数据
|
|
|
|
|