gdpaoup
This commit is contained in:
@@ -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;
|
||||
|
||||
@@ -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;
|
||||
|
||||
@@ -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%;
|
||||
|
||||
@@ -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{
|
||||
|
||||
@@ -77,7 +77,7 @@ export default {
|
||||
}
|
||||
}
|
||||
.next{
|
||||
font-size: 18rpx;
|
||||
font-size: 20rpx;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
color: #999;
|
||||
|
||||
Reference in New Issue
Block a user