This commit is contained in:
Gdpao
2020-08-06 20:42:03 +08:00
parent 201f858833
commit 090b7cc753
22 changed files with 209 additions and 184 deletions

View File

@@ -10,7 +10,7 @@
<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="60"></u-tabs-swiper>
</view>
<swiper :current="swiperCurrent" @animationfinish="animationfinish" style="height: 260rpx">
<swiper :current="swiperCurrent" @animationfinish="animationfinish" style="height: 340rpx;">
<swiper-item class="swiper-item list" v-for="(_, i) in classifyList" :key="i">
<!-- 最多显示3个 -->
<sitem :info="info" v-for="(info, index) in groupList.slice(0, 3)" :key="index"></sitem>
@@ -92,7 +92,7 @@ export default {
color: #333;
}
.more {
font-size: 18rpx;
font-size: 20rpx;
display: flex;
align-items: center;
color: #999;

View File

@@ -44,8 +44,9 @@ export default {
</script>
<style lang="scss" scoped>
.item{
width: 210rpx;
overflow: hidden;
width: 220rpx;
height: 100%;
// overflow: hidden;
.head{
width: 100%;
height: 180rpx;

View File

@@ -2,7 +2,7 @@
<view class="list">
<view class="top">商品推荐</view>
<view>
<u-tabs-swiper ref="uTabs" :list="classifyList" name="gc_name" :is-scroll="true" active-color="#FF780F" :current="current" font-size="24" :show-bar="false" @change="tabsChange" height="60"></u-tabs-swiper>
<u-tabs-swiper ref="uTabs" :list="classifyList" name="gc_name" :is-scroll="true" active-color="#FF780F" :current="current" font-size="26" :show-bar="false" @change="tabsChange" height="60"></u-tabs-swiper>
</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">
@@ -136,6 +136,7 @@ export default {
}
.swiper-box {
height: 100%;
padding: 20rpx 0;
margin-bottom: 10rpx;
.swiper-item {
// height: 100%;

View File

@@ -3,7 +3,7 @@
<view class="top">
<text>今日拼团推荐</text>
<view class="more" @click="toDetailsPage">
<text>点击查看更多</text>
<text>点击查看详情</text>
<u-icon name="arrow-right" color="#999" size="22"></u-icon>
</view>
</view>
@@ -86,6 +86,7 @@ export default {
display: flex;
align-items: center;
color: #999;
font-size: 20rpx;
}
}
.connect{

View File

@@ -77,7 +77,7 @@ export default {
}
}
.next{
font-size: 18rpx;
font-size: 20rpx;
display: flex;
align-items: center;
color: #999;