@@ -2,7 +2,8 @@ | |||||
<view wx:if="{{list.length!=0}}" class="index-rushToBuy-title"> | <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> | <image src="{{barginicon}}" class='barginiconimg' mode='widthFix'/><text class='text-red'>砍价</text>专场<text bindtap="gotomore" class='morebargin'>更多砍价></text> | ||||
</view> | </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 class="commodity" wx:for="{{list}}" wx:key="unique"> | ||||
<view bindtap="gotodetail" data-couponChannelId="{{item.id}}" data-couponId="{{item.couponId}}" data-targetAd="{{item.targetAd}}"> | <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}}" /> | <image mode='aspectFill' lazy-load='true' class="commodity-img" src="{{item.coverImg}}" /> | ||||
@@ -14,4 +15,16 @@ | |||||
</view> | </view> | ||||
</view> | </view> | ||||
</scroll-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> | </view> |
@@ -1,3 +1,4 @@ | |||||
@import "../../../app.wxss"; | |||||
.index-rushToBuy { | .index-rushToBuy { | ||||
width: 690rpx; | width: 690rpx; | ||||
margin: 40rpx auto; | margin: 40rpx auto; | ||||
@@ -59,12 +60,12 @@ | |||||
border-radius:16rpx; | border-radius:16rpx; | ||||
} | } | ||||
.index-scroll-view .commodity-info { | |||||
.commodity-info { | |||||
padding:10rpx 0; | padding:10rpx 0; | ||||
overflow: hidden; | overflow: hidden; | ||||
} | } | ||||
.index-scroll-view .commodity-info-name { | |||||
.commodity-info-name { | |||||
width: 285rpx; | width: 285rpx; | ||||
overflow: hidden; | overflow: hidden; | ||||
white-space: nowrap; | white-space: nowrap; | ||||
@@ -75,14 +76,14 @@ | |||||
color: #333333; | color: #333333; | ||||
} | } | ||||
.index-scroll-view .commodity-info-time { | |||||
.commodity-info-time { | |||||
font-size: 22rpx; | font-size: 22rpx; | ||||
color: #B4B4B4; | color: #B4B4B4; | ||||
letter-spacing: 0.7rpx; | letter-spacing: 0.7rpx; | ||||
line-height: 42rpx; | line-height: 42rpx; | ||||
} | } | ||||
.index-scroll-view .commodity-info-price-p { | |||||
.commodity-info-price-p { | |||||
font-size: 28rpx; | font-size: 28rpx; | ||||
color: #f96563; | color: #f96563; | ||||
line-height: 30rpx; | line-height: 30rpx; | ||||
@@ -91,7 +92,7 @@ | |||||
margin-top: 10rpx; | margin-top: 10rpx; | ||||
line-height: 30rpx; | line-height: 30rpx; | ||||
} | } | ||||
.index-scroll-view .commodity-info-price-o { | |||||
.commodity-info-price-o { | |||||
display: inline-block; | display: inline-block; | ||||
padding-left: 20rpx; | padding-left: 20rpx; | ||||
font-size: 24rpx; | font-size: 24rpx; | ||||
@@ -117,4 +118,54 @@ | |||||
color: #999; | color: #999; | ||||
text-decoration: line-through; | text-decoration: line-through; | ||||
margin-left: 10rpx; | 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{ | .userinfo{ | ||||
position:relative; | position:relative; | ||||
margin: 30rpx auto 35rpx; | |||||
margin: 40rpx auto 35rpx; | |||||
width: 690rpx; | width: 690rpx; | ||||
padding: 20rpx 0; | padding: 20rpx 0; | ||||
height: 84rpx; | height: 84rpx; | ||||
@@ -7,6 +7,28 @@ | |||||
<text class='xianshi fl'>秒杀</text> | <text class='xianshi fl'>秒杀</text> | ||||
<text class='more' bindtap='gotoRushList'>更多></text> | <text class='more' bindtap='gotoRushList'>更多></text> | ||||
</view> | </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 class="commodity"> | ||||
<view bindtap="rushtobuy" data-couponId="{{list[0].couponId}}" data-couponChannelId="{{list[0].id}}" data-targetAd="{{list[0].targetAd}}"> | <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}}" /> | <image mode='aspectFill' lazy-load='true' class="commodity-img" src="{{list[0].coverImg}}" /> | ||||
@@ -151,4 +151,43 @@ | |||||
} | } | ||||
.title{ | .title{ | ||||
padding: 20rpx 0; | 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"> | <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> | <image src="{{pintuan}}" class='barginiconimg' mode='widthFix'/><text class='text-red'>拼团</text>专场<text bindtap="gotomore" class='morebargin'>更多拼团></text> | ||||
</view> | </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 class="commodity" wx:for="{{list}}" wx:key="unique"> | ||||
<view bindtap="gotodetail" data-couponChannelId="{{item.id}}" data-couponId="{{item.couponId}}" data-targetAd="{{item.targetAd}}"> | <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}}" /> | <image mode='aspectFill' lazy-load='true' class="commodity-img" src="{{item.coverImg}}" /> | ||||
@@ -13,4 +14,16 @@ | |||||
</view> | </view> | ||||
</view> | </view> | ||||
</scroll-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> | </view> |
@@ -1,3 +1,4 @@ | |||||
@import "../../../app.wxss"; | |||||
.index-rushToBuy { | .index-rushToBuy { | ||||
width: 690rpx; | width: 690rpx; | ||||
margin: 40rpx auto; | margin: 40rpx auto; | ||||
@@ -112,9 +113,64 @@ | |||||
.text-red{ | .text-red{ | ||||
color:#F12643; | color:#F12643; | ||||
} | } | ||||
.commodity-info-price-p { | |||||
font-size: 28rpx; | |||||
color: #f96563; | |||||
line-height: 30rpx; | |||||
} | |||||
.price{ | .price{ | ||||
font-size: 24rpx; | font-size: 24rpx; | ||||
color: #999; | color: #999; | ||||
text-decoration: line-through; | text-decoration: line-through; | ||||
margin-left: 10rpx; | 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; | |||||
} | } |