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