@@ -2,7 +2,8 @@ | |||
<view wx:if="{{list.length!=0}}" class="index-rushToBuy-title"> | |||
<image src="{{barginicon}}" class='barginiconimg' mode='widthFix'/><text class='text-red'>砍价</text>专场<text bindtap="gotomore" class='morebargin'>更多砍价></text> | |||
</view> | |||
<scroll-view scroll-x class="index-scroll-view"> | |||
<!-- 如果有两条数据以上,排版 --> | |||
<scroll-view scroll-x class="index-scroll-view" wx:if="{{list.length>1}}"> | |||
<view class="commodity" wx:for="{{list}}" wx:key="unique"> | |||
<view bindtap="gotodetail" data-couponChannelId="{{item.id}}" data-couponId="{{item.couponId}}" data-targetAd="{{item.targetAd}}"> | |||
<image mode='aspectFill' lazy-load='true' class="commodity-img" src="{{item.coverImg}}" /> | |||
@@ -14,4 +15,16 @@ | |||
</view> | |||
</view> | |||
</scroll-view> | |||
<!-- 如果只有一条数据,排版 --> | |||
<view class="commodity" wx:for="{{list}}" wx:key="unique" wx:if="{{list.length==1}}"> | |||
<view bindtap="gotodetail" class="clearfix one-commodity" data-couponChannelId="{{item.id}}" data-couponId="{{item.couponId}}" data-targetAd="{{item.targetAd}}"> | |||
<image mode='aspectFill' lazy-load='true' class="one-commodity-img" src="{{item.coverImg}}" /> | |||
<view class="one-commodity-info fr"> | |||
<view class="commodity-info-name">{{item.title}}</view> | |||
<view class="commodity-info-subTitle">{{item.subTitle}}</view> | |||
<view class="commodity-info-salePriceStr"><text class="commodity-info-price-p">可砍至<text class='salePriceStr'>{{item.salePriceStr}}</text>元</text><text class='price'>{{item.priceStr}}元</text></view> | |||
<view class="commodity-info-price">邀请<text class='inviteNum'>{{item.pressLimitNum}}</text>人可砍至底价</view> | |||
</view> | |||
</view> | |||
</view> | |||
</view> |
@@ -1,3 +1,4 @@ | |||
@import "../../../app.wxss"; | |||
.index-rushToBuy { | |||
width: 690rpx; | |||
margin: 40rpx auto; | |||
@@ -59,12 +60,12 @@ | |||
border-radius:16rpx; | |||
} | |||
.index-scroll-view .commodity-info { | |||
.commodity-info { | |||
padding:10rpx 0; | |||
overflow: hidden; | |||
} | |||
.index-scroll-view .commodity-info-name { | |||
.commodity-info-name { | |||
width: 285rpx; | |||
overflow: hidden; | |||
white-space: nowrap; | |||
@@ -75,14 +76,14 @@ | |||
color: #333333; | |||
} | |||
.index-scroll-view .commodity-info-time { | |||
.commodity-info-time { | |||
font-size: 22rpx; | |||
color: #B4B4B4; | |||
letter-spacing: 0.7rpx; | |||
line-height: 42rpx; | |||
} | |||
.index-scroll-view .commodity-info-price-p { | |||
.commodity-info-price-p { | |||
font-size: 28rpx; | |||
color: #f96563; | |||
line-height: 30rpx; | |||
@@ -91,7 +92,7 @@ | |||
margin-top: 10rpx; | |||
line-height: 30rpx; | |||
} | |||
.index-scroll-view .commodity-info-price-o { | |||
.commodity-info-price-o { | |||
display: inline-block; | |||
padding-left: 20rpx; | |||
font-size: 24rpx; | |||
@@ -117,4 +118,54 @@ | |||
color: #999; | |||
text-decoration: line-through; | |||
margin-left: 10rpx; | |||
} | |||
.one-commodity{ | |||
padding-bottom: 20rpx; | |||
} | |||
.one-commodity-img{ | |||
width: 325rpx; | |||
height: 200rpx; | |||
float: left; | |||
border-radius:16rpx; | |||
margin: 16rpx 26rpx 0 13rpx; | |||
} | |||
.one-commodity-info{ | |||
width: 322rpx; | |||
white-space: nowrap; | |||
text-overflow: ellipsis; | |||
overflow: hidden; | |||
} | |||
.one-commodity-info .commodity-info-name{ | |||
font-size: 34rpx; | |||
line-height: 35rpx; | |||
margin-top: 16rpx; | |||
} | |||
.one-commodity-info .commodity-info-subTitle{ | |||
font-size: 28rpx; | |||
height: 28rpx; | |||
line-height: 28rpx; | |||
margin-top: 12rpx; | |||
color: #999; | |||
width: 322rpx; | |||
white-space: nowrap; | |||
overflow: hidden; | |||
text-overflow: ellipsis; | |||
} | |||
.one-commodity-info .commodity-info-salePriceStr{ | |||
margin-top: 20rpx; | |||
} | |||
.one-commodity-info .commodity-info-price{ | |||
margin-top: 0; | |||
font-size: 24rpx; | |||
line-height: 26rpx; | |||
margin-left: 0; | |||
text-decoration: none; | |||
color: #999; | |||
} | |||
.inviteNum{ | |||
color: red; | |||
} | |||
.one-commodity-info .salePriceStr{ | |||
font-weight: bold; | |||
} |
@@ -53,7 +53,7 @@ page { | |||
.userinfo{ | |||
position:relative; | |||
margin: 30rpx auto 35rpx; | |||
margin: 40rpx auto 35rpx; | |||
width: 690rpx; | |||
padding: 20rpx 0; | |||
height: 84rpx; | |||
@@ -7,6 +7,28 @@ | |||
<text class='xianshi fl'>秒杀</text> | |||
<text class='more' bindtap='gotoRushList'>更多></text> | |||
</view> | |||
<!-- 限时抢购倒计时开始 --> | |||
<!-- <view class='distance' wx:if="{{data.targetAd==2&&data.endTime!=undefined}}"> | |||
<view style='text-align:center;display:inline-block;'> | |||
<image class='clock' src='{{clockUrl}}' mode='widthFix'></image> | |||
<text class="qiang" wx:if="{{data.activityStatus!=0}}">距结束 :</text> | |||
<text class="qiang" wx:if="{{data.activityStatus==0}}">距开始 :</text> | |||
</view> | |||
<view wx:if="{{clock=='00'||data.status==1}}" class='times'> | |||
已经结束 | |||
</view> | |||
<view wx:if="{{clock!='00'}}" class='times'> | |||
<view style="display:inline-block;" wx:if="{{day!=0}}"> | |||
<text>{{day}}</text>天: | |||
</view> | |||
<text>{{hour}}</text>: | |||
<text>{{min}}</text>: | |||
<text>{{sec}}</text> | |||
</view> | |||
</view> --> | |||
<!-- 限时抢购倒计时结束 --> | |||
<view class="commodity"> | |||
<view bindtap="rushtobuy" data-couponId="{{list[0].couponId}}" data-couponChannelId="{{list[0].id}}" data-targetAd="{{list[0].targetAd}}"> | |||
<image mode='aspectFill' lazy-load='true' class="commodity-img" src="{{list[0].coverImg}}" /> | |||
@@ -151,4 +151,43 @@ | |||
} | |||
.title{ | |||
padding: 20rpx 0; | |||
} | |||
.clock { | |||
width: 116rpx !important; | |||
vertical-align: middle; | |||
margin-right: 10rpx; | |||
margin-top: -4rpx; | |||
} | |||
.qiang { | |||
position: inline-block; | |||
width: 60rpx; | |||
height: 40rpx; | |||
line-height: 40rpx; | |||
color: #ff4949; | |||
text-align: center; | |||
font-size: 28rpx; | |||
margin-right: 10rpx; | |||
} | |||
.times { | |||
display: inline-block; | |||
color: #ff4949; | |||
font-weight: bold; | |||
font-size: 26rpx; | |||
text-align: center; | |||
} | |||
.times text { | |||
display: inline-block; | |||
margin: 6rpx; | |||
height: 56rpx; | |||
padding: 0 6rpx; | |||
text-align: center; | |||
font-size: 28rpx; | |||
line-height: 60rpx; | |||
border-radius: 12rpx; | |||
color: #fff; | |||
font-weight: bold; | |||
background: #ff4949; | |||
} |
@@ -2,7 +2,8 @@ | |||
<view wx:if="{{list.length!=0}}" class="index-rushToBuy-title"> | |||
<image src="{{pintuan}}" class='barginiconimg' mode='widthFix'/><text class='text-red'>拼团</text>专场<text bindtap="gotomore" class='morebargin'>更多拼团></text> | |||
</view> | |||
<scroll-view scroll-x class="index-scroll-view"> | |||
<!-- 如果有两条数据以上,排版 --> | |||
<scroll-view scroll-x class="index-scroll-view" wx:if="{{list.length>1}}"> | |||
<view class="commodity" wx:for="{{list}}" wx:key="unique"> | |||
<view bindtap="gotodetail" data-couponChannelId="{{item.id}}" data-couponId="{{item.couponId}}" data-targetAd="{{item.targetAd}}"> | |||
<image mode='aspectFill' lazy-load='true' class="commodity-img" src="{{item.coverImg}}" /> | |||
@@ -13,4 +14,16 @@ | |||
</view> | |||
</view> | |||
</scroll-view> | |||
<!-- 如果只有一条数据,排版 --> | |||
<view class="commodity" wx:for="{{list}}" wx:key="unique" wx:if="{{list.length==1}}"> | |||
<view bindtap="gotodetail" class="clearfix one-commodity" data-couponChannelId="{{item.id}}" data-couponId="{{item.couponId}}" data-targetAd="{{item.targetAd}}"> | |||
<image mode='aspectFill' lazy-load='true' class="one-commodity-img" src="{{item.coverImg}}" /> | |||
<view class="one-commodity-info fr"> | |||
<view class="commodity-info-name">{{item.title}}</view> | |||
<view class="commodity-info-subTitle">{{item.subTitle}}</view> | |||
<view class="commodity-info-salePriceStr"><text class="commodity-info-price-p">拼团价<text class='salePriceStr'>{{item.salePriceStr}}</text>元</text><text class='price'>{{item.priceStr}}元</text></view> | |||
<view class="commodity-info-price">邀请<text class='inviteNum'>{{item.pressLimitNum}}</text>人可拼团成功</view> | |||
</view> | |||
</view> | |||
</view> | |||
</view> |
@@ -1,3 +1,4 @@ | |||
@import "../../../app.wxss"; | |||
.index-rushToBuy { | |||
width: 690rpx; | |||
margin: 40rpx auto; | |||
@@ -112,9 +113,64 @@ | |||
.text-red{ | |||
color:#F12643; | |||
} | |||
.commodity-info-price-p { | |||
font-size: 28rpx; | |||
color: #f96563; | |||
line-height: 30rpx; | |||
} | |||
.price{ | |||
font-size: 24rpx; | |||
color: #999; | |||
text-decoration: line-through; | |||
margin-left: 10rpx; | |||
} | |||
.one-commodity{ | |||
padding-bottom: 20rpx; | |||
} | |||
.one-commodity-info { | |||
width:322rpx; | |||
white-space:nowrap; | |||
text-overflow:ellipsis; | |||
overflow:hidden; | |||
} | |||
.one-commodity-img{ | |||
width: 325rpx; | |||
height: 200rpx; | |||
float: left; | |||
border-radius:16rpx; | |||
margin: 16rpx 26rpx 0 13rpx; | |||
} | |||
.one-commodity-info .commodity-info-name{ | |||
font-size: 34rpx; | |||
line-height: 35rpx; | |||
margin-top: 16rpx; | |||
} | |||
.one-commodity-info .commodity-info-subTitle{ | |||
font-size: 28rpx; | |||
height: 28rpx; | |||
line-height: 28rpx; | |||
margin-top: 12rpx; | |||
color: #999; | |||
width: 322rpx; | |||
white-space: nowrap; | |||
overflow: hidden; | |||
text-overflow: ellipsis; | |||
} | |||
.one-commodity-info .commodity-info-salePriceStr{ | |||
margin-top: 20rpx; | |||
} | |||
.one-commodity-info .commodity-info-price{ | |||
margin-top: 0; | |||
font-size: 24rpx; | |||
line-height: 26rpx; | |||
margin-left: 0; | |||
text-decoration: none; | |||
color: #999; | |||
} | |||
.inviteNum{ | |||
color: red; | |||
} | |||
.one-commodity-info .salePriceStr{ | |||
font-weight: bold; | |||
} |