| @@ -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; | |||||
| } | } | ||||