|
@@ -23,13 +23,20 @@
|
|
</view>
|
|
</view>
|
|
</view>
|
|
</view>
|
|
<view class="zero four" v-if="recomList&&recomList.length>0">
|
|
<view class="zero four" v-if="recomList&&recomList.length>0">
|
|
- <view class="recomList" v-for="(item,index) in recomList" :key="index">
|
|
|
|
|
|
+ <view class="recomList" v-for="(item,index) in recomList" :key="index" v-if="item.list&&item.list.length>0">
|
|
<view class="list" v-for="(tag,indexs) in item.list" :key="indexs" @tap="toBuy(tag)">
|
|
<view class="list" v-for="(tag,indexs) in item.list" :key="indexs" @tap="toBuy(tag)">
|
|
- <view class="title">
|
|
|
|
- <text>{{tag.title||' '}}</text>
|
|
|
|
|
|
+ <view class="list_1">
|
|
|
|
+ <view class="txt">
|
|
|
|
+ <text>{{tag.title}}</text>
|
|
|
|
+ </view>
|
|
|
|
+ <view class="more" v-if="indexs==1" @tap.stop="toMore(tag)">
|
|
|
|
+ <text>更多</text>
|
|
|
|
+ </view>
|
|
</view>
|
|
</view>
|
|
- <image class="image" :src="tag.url&&tag.url.length>0?tag.url[0].url:''" mode=""></image>
|
|
|
|
- <view class="textOver name">
|
|
|
|
|
|
+ <view class="list_2">
|
|
|
|
+ <image class="image" :src="tag.url&&tag.url.length>0?tag.url[0].url:''" mode=""></image>
|
|
|
|
+ </view>
|
|
|
|
+ <view class="list_3 textOver">
|
|
{{tag.name}}
|
|
{{tag.name}}
|
|
</view>
|
|
</view>
|
|
</view>
|
|
</view>
|
|
@@ -56,9 +63,9 @@
|
|
</view>
|
|
</view>
|
|
</view>
|
|
</view>
|
|
</view>
|
|
</view>
|
|
- <view class="is_bottom" v-if="is_bottom">
|
|
|
|
|
|
+ <!-- <view class="is_bottom" v-if="is_bottom">
|
|
<text>数据到底了!!</text>
|
|
<text>数据到底了!!</text>
|
|
- </view>
|
|
|
|
|
|
+ </view> -->
|
|
</view>
|
|
</view>
|
|
</view>
|
|
</view>
|
|
</scroll-view>
|
|
</scroll-view>
|
|
@@ -95,8 +102,8 @@
|
|
old: {
|
|
old: {
|
|
scrollTop: 0
|
|
scrollTop: 0
|
|
},
|
|
},
|
|
- // 数据是否触底
|
|
|
|
- is_bottom: false,
|
|
|
|
|
|
+ // // 数据是否触底
|
|
|
|
+ // is_bottom: false,
|
|
};
|
|
};
|
|
},
|
|
},
|
|
onLoad: function() {},
|
|
onLoad: function() {},
|
|
@@ -165,6 +172,14 @@
|
|
})
|
|
})
|
|
}
|
|
}
|
|
},
|
|
},
|
|
|
|
+ // 推荐好物更多
|
|
|
|
+ toMore(e) {
|
|
|
|
+ const that = this;
|
|
|
|
+ that.clearPage();
|
|
|
|
+ uni.navigateTo({
|
|
|
|
+ url: `/pagesRest/recom/index?act_tags=${e.value}&type=2`
|
|
|
|
+ })
|
|
|
|
+ },
|
|
// 购买
|
|
// 购买
|
|
toBuy(e) {
|
|
toBuy(e) {
|
|
const that = this;
|
|
const that = this;
|
|
@@ -201,7 +216,7 @@
|
|
that.search();
|
|
that.search();
|
|
uni.hideLoading();
|
|
uni.hideLoading();
|
|
} else {
|
|
} else {
|
|
- that.$set(that, `is_bottom`, true)
|
|
|
|
|
|
+ // that.$set(that, `is_bottom`, true)
|
|
}
|
|
}
|
|
},
|
|
},
|
|
// 计算高度
|
|
// 计算高度
|
|
@@ -307,44 +322,92 @@
|
|
padding: 2vw 0 0 0;
|
|
padding: 2vw 0 0 0;
|
|
|
|
|
|
.recomList {
|
|
.recomList {
|
|
|
|
+ width: 41vw;
|
|
display: flex;
|
|
display: flex;
|
|
- flex-direction: row;
|
|
|
|
justify-content: space-around;
|
|
justify-content: space-around;
|
|
- width: 41vw;
|
|
|
|
|
|
+ background-image: linear-gradient(to bottom, rgba(250, 216, 213, 1) 5%, rgba(255, 255, 255, 1) 22%);
|
|
margin: 0 0 2vw 0;
|
|
margin: 0 0 2vw 0;
|
|
|
|
+ border-radius: 5px;
|
|
padding: 2vw;
|
|
padding: 2vw;
|
|
- border-radius: 10px;
|
|
|
|
- background-image: linear-gradient(to bottom, rgba(250, 216, 213, 1) 5%, rgba(255, 255, 255, 1) 22%);
|
|
|
|
|
|
|
|
.list {
|
|
.list {
|
|
width: 20vw;
|
|
width: 20vw;
|
|
text-align: center;
|
|
text-align: center;
|
|
|
|
|
|
- .title {
|
|
|
|
- text-align: center;
|
|
|
|
- font-weight: bold;
|
|
|
|
- font-size: var(--font15Size);
|
|
|
|
- ;
|
|
|
|
|
|
+ .list_1 {
|
|
|
|
+ display: flex;
|
|
|
|
+ justify-content: space-between;
|
|
margin: 0 0 1vw 0;
|
|
margin: 0 0 1vw 0;
|
|
|
|
+
|
|
|
|
+ .txt {
|
|
|
|
+ font-size: 15px;
|
|
|
|
+ }
|
|
|
|
+
|
|
|
|
+ .more {
|
|
|
|
+ font-size: 12px;
|
|
|
|
+ }
|
|
}
|
|
}
|
|
|
|
|
|
- .image {
|
|
|
|
- width: 18vw;
|
|
|
|
- height: 20vw;
|
|
|
|
|
|
+ .list_2 {
|
|
margin: 0 0 1vw 0;
|
|
margin: 0 0 1vw 0;
|
|
|
|
+
|
|
|
|
+ .image {
|
|
|
|
+ width: 96%;
|
|
|
|
+ height: 18vw;
|
|
|
|
+ }
|
|
}
|
|
}
|
|
|
|
|
|
- .name {
|
|
|
|
|
|
+ .list_3 {
|
|
width: 17vw;
|
|
width: 17vw;
|
|
font-size: var(--font12Size);
|
|
font-size: var(--font12Size);
|
|
- ;
|
|
|
|
border: 1px solid var(--fFB1Color);
|
|
border: 1px solid var(--fFB1Color);
|
|
border-radius: 25px;
|
|
border-radius: 25px;
|
|
padding: 0 1vw;
|
|
padding: 0 1vw;
|
|
text-align: center;
|
|
text-align: center;
|
|
}
|
|
}
|
|
}
|
|
}
|
|
|
|
+
|
|
}
|
|
}
|
|
|
|
+
|
|
|
|
+ // .recomList {
|
|
|
|
+ // display: flex;
|
|
|
|
+ // flex-direction: row;
|
|
|
|
+ // justify-content: space-around;
|
|
|
|
+ // width: 41vw;
|
|
|
|
+ // margin: 0 0 2vw 0;
|
|
|
|
+ // padding: 2vw;
|
|
|
|
+ // border-radius: 10px;
|
|
|
|
+ // background-image: linear-gradient(to bottom, rgba(250, 216, 213, 1) 5%, rgba(255, 255, 255, 1) 22%);
|
|
|
|
+
|
|
|
|
+ // .list {
|
|
|
|
+ // width: 20vw;
|
|
|
|
+ // text-align: center;
|
|
|
|
+
|
|
|
|
+ // .title {
|
|
|
|
+ // text-align: center;
|
|
|
|
+ // font-weight: bold;
|
|
|
|
+ // font-size: var(--font15Size);
|
|
|
|
+ // ;
|
|
|
|
+ // margin: 0 0 1vw 0;
|
|
|
|
+ // }
|
|
|
|
+
|
|
|
|
+ // .image {
|
|
|
|
+ // width: 18vw;
|
|
|
|
+ // height: 20vw;
|
|
|
|
+ // margin: 0 0 1vw 0;
|
|
|
|
+ // }
|
|
|
|
+
|
|
|
|
+ // .name {
|
|
|
|
+ // width: 17vw;
|
|
|
|
+ // font-size: var(--font12Size);
|
|
|
|
+ // ;
|
|
|
|
+ // border: 1px solid var(--fFB1Color);
|
|
|
|
+ // border-radius: 25px;
|
|
|
|
+ // padding: 0 1vw;
|
|
|
|
+ // text-align: center;
|
|
|
|
+ // }
|
|
|
|
+ // }
|
|
|
|
+ // }
|
|
}
|
|
}
|
|
|
|
|
|
.five {
|
|
.five {
|