refund 8.6

This commit is contained in:
2020-08-06 10:48:21 +08:00
parent 720af35b11
commit 2cb8f90281
9 changed files with 150 additions and 48 deletions

View File

@@ -2,7 +2,10 @@
<view class="group">
<view class="top">
<text>全部拼团</text>
<text @click="viewMore">查看更多></text>
<view class="more" @click="viewMore">
<text>查看更多</text>
<u-icon name="arrow-right" color="#999" size="22"></u-icon>
</view>
</view>
<view class="label">
<u-tabs-swiper ref="group" :list="classifyList" name="gc_name" :is-scroll="true" active-color="#FF780F" :current="current" font-size="24" :show-bar="false" @change="tabsChange" height="88"></u-tabs-swiper>
@@ -88,10 +91,12 @@ export default {
font-size: 30rpx;
color: #333;
}
>text:last-child{
font-size: 18rpx;
color: #999;
}
.more {
font-size: 18rpx;
display: flex;
align-items: center;
color: #999;
}
}
.list {
box-sizing: border-box;

View File

@@ -6,10 +6,10 @@
</view>
<swiper class="swiper-box" :current="swiperCurrent" @transition="transition" @animationfinish="animationfinish" :style="{height: swiperHeight}">
<swiper-item class="swiper-item" v-for="(_, index) in classifyList" :key="index">
<view class="goods-item">
<view class="goods-item" v-if="goodsList.length">
<item v-for="item in goodsList" :key="item.goods_id" :info="item"></item>
</view>
<u-empty text="暂无商品" mode="list" color="#000" v-if="!goodsList.length"></u-empty>
<u-empty text="暂无商品" mode="list" color="#000" margin-top="20" v-else></u-empty>
</swiper-item>
</swiper>
<!-- 加载更多 -->
@@ -138,13 +138,13 @@ export default {
height: 100%;
margin-bottom: 10rpx;
.swiper-item {
height: 100%;
// height: 100%;
.goods-item {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
width: 100%;
height: 100%;
// height: 100%;
overflow-y: scroll;
}
}

View File

@@ -1,8 +1,11 @@
<template>
<view class="recommend">
<view class="top">
<text>{{ type == 'spike' ? '今日秒杀推荐' : '今日拼团推荐' }}</text>
<text>点击查看更多></text>
<text>今日秒杀推荐</text>
<view class="more" @click="toOthersPage">
<text>点击查看更多</text>
<u-icon name="arrow-right" color="#999" size="22"></u-icon>
</view>
</view>
<view class="connect">
<view class="time" v-if="type == 'spike'">
@@ -32,12 +35,26 @@ export default {
props: ['recommendData', 'type'],
created() {
this.info = this.recommendData;
// console.log(this.recommendData);
console.log(this.recommendData);
},
methods: {
toOthersPage() {
this.$u.route({
url: 'pageB/sdetails/index',
params: {
id: this.recommendData.groupbuy_id,
type: 3,
}
})
}
}
}
</script>
<style lang="scss" scoped>
.recommend{
margin-bottom: 20rpx;
padding: 0 30rpx;
background-color: #ffffff;
.top{
height: 90rpx;
display: flex;
@@ -47,12 +64,14 @@ export default {
font-size: 30rpx;
color: #333;
}
>text:last-child{
font-size: 18rpx;
color: #999;
}
.more {
display: flex;
align-items: center;
color: #999;
}
}
.connect{
padding: 15rpx;
display: flex;
.time{
display: flex;

View File

@@ -2,7 +2,10 @@
<view class="recommend">
<view class="top">
<text>今日拼团推荐</text>
<text @click="toDetailsPage">点击查看更多></text>
<view class="more" @click="toDetailsPage">
<text>点击查看更多</text>
<u-icon name="arrow-right" color="#999" size="22"></u-icon>
</view>
</view>
<view class="connect">
<view class="user">
@@ -66,7 +69,7 @@ export default {
}
</script>
<style lang="scss" scoped>
.recommend{
.recommend {
margin-bottom: 20rpx;
padding: 0 30rpx;
background-color: #ffffff;
@@ -79,10 +82,11 @@ export default {
font-size: 30rpx;
color: #333;
}
>text:last-child{
font-size: 18rpx;
color: #999;
}
.more {
display: flex;
align-items: center;
color: #999;
}
}
.connect{
padding: 30rpx;

View File

@@ -17,9 +17,10 @@
<text class="num">00</text>
</view>
</view>
<view class="next" @click="viewMore">
查看更多>
</view>
<view class="next" @click="viewMore">
<text>查看更多</text>
<u-icon name="arrow-right" color="#999" size="18"></u-icon>
</view>
</view>
<view class="list">
<sitem v-for="(item, index) in list.slice(0, 3)" :key="index" :item="item"></sitem>
@@ -76,8 +77,10 @@ export default {
}
}
.next{
font-size: 18rpx;
color: #999;
font-size: 18rpx;
display: flex;
align-items: center;
color: #999;
}
}
.list{