| @@ -1,8 +1,8 @@ | |||
| { | |||
| "navigationBarTitleText": "砍价专场", | |||
| "enablePullDownRefresh": true, | |||
| "navigationBarBackgroundColor": "#FF6F03", | |||
| "navigationBarTextStyle": "white", | |||
| "navigationBarBackgroundColor": "#F4F5F9", | |||
| "navigationBarTextStyle": "black", | |||
| "usingComponents": { | |||
| "c-banner": "../../components/spellbanner/index", | |||
| "i-tab": "../../../dist/tab/index", | |||
| @@ -1,10 +1,11 @@ | |||
| <button class='goback' bindtap='goback'><image src='{{wmhome}}' mode="widthFix"></image></button> | |||
| <view class="page" hover-class="none" hover-stop-propagation="false"> | |||
| <view class='top' wx:if="{{bargaingoods&&list.length>0}}"> | |||
| <!-- <view class='top' wx:if="{{bargaingoods&&list.length>0}}"> | |||
| <view class="banner" wx:if="{{list.length>0}}" hover-class="none" hover-stop-propagation="false"> | |||
| <c-banner wx:key="unique" list="{{list}}" /> | |||
| </view> | |||
| </view> | |||
| </view> --> | |||
| <!-- 砍价商品 --> | |||
| <view class="bargaingoods" style='padding-bottom:120rpx;' wx:if="{{bargaingoods&&lists.length>0}}" hover-class="none" hover-stop-propagation="false"> | |||
| <view class="list" hover-class="none" hover-stop-propagation="false"> | |||
| <view class="listitem clearfix" wx:for="{{lists}}" wx:key="{{index}}" hover-stop-propagation="false" data-couponId='{{item.couponId}}' data-id='{{item.id}}' bindtap='invite'> | |||
| @@ -13,8 +14,7 @@ | |||
| <view class="fl ri" hover-class="none" hover-stop-propagation="false"> | |||
| <text class="txt01">{{item.title}}</text> | |||
| <text class="txt02">{{item.subTitle}}</text> | |||
| <text class="txt03">{{item.priceStr}}元</text> | |||
| <text class="txt04">可砍至<text class="money">{{item.salePriceStr}}</text>元</text> | |||
| <view class="txt04">可砍至¥<text class="money">{{item.salePriceStr}}</text><text class="txt03">原价{{item.priceStr}}</text></view> | |||
| </view> | |||
| <view class="botton" wx:if="{{item.remainInventory != 0}}" hover-class="none" hover-stop-propagation="false">发起砍价</view> | |||
| <view class="botton botton02" wx:if="{{item.remainInventory == 0}}" hover-class="none" hover-stop-propagation="false">已售罄</view> | |||
| @@ -23,38 +23,51 @@ | |||
| <!-- <view class='loadingtext' wx:if="{{loadingtext}}">{{loadingtext}}</view> --> | |||
| </view> | |||
| </view> | |||
| <!-- 我的砍价 --> | |||
| <view class="list mybargain" style='padding-bottom:120rpx;' wx:if="{{mybargain&&lists.length>0}}" hover-class="none" hover-stop-propagation="false"> | |||
| <view class="listitem clearfix" wx:for="{{lists}}" wx:key="index" hover-stop-propagation="false"> | |||
| <view class="listitem clearfix" wx:for="{{lists}}" wx:key="index" zhover-stop-propagation="false"> | |||
| <image class="fl" src="{{item.coverImg}}" mode="aspectFill" lazy-load="true"></image> | |||
| <view class="fl ri" hover-class="none" hover-stop-propagation="false"> | |||
| <text class="txt01">{{item.title}}</text> | |||
| <text class="txt02">{{item.subTitle}}</text> | |||
| <text class="txt04 mr txt004" wx:if="{{item.orderStatus == 6&&todayDate<=item.pressEndDate}}">距砍价到{{item.salePrice/100}}元还差:</text> | |||
| <text class="txt04 mr" wx:if="{{item.orderStatus == 6&&todayDate<=item.pressEndDate}}">{{item.pressCurrentValue/100}}元</text> | |||
| <view class="txt04 mr txt004" wx:if="{{item.orderStatus !=7}}">已砍至¥ <text class='money'>{{item.salePrice/100}}</text><text class="txt03">原价{{item.priceStr}}</text></view> | |||
| <!-- <text class="txt04 mr" wx:if="{{item.orderStatus == 6&&todayDate<=item.pressEndDate}}">{{item.pressCurrentValue/100}}元</text> --> | |||
| <text class="txt04 mr" wx:if="{{item.orderStatus == 7}}">已砍价到底价:{{item.salePrice/100}}元</text> | |||
| </view> | |||
| <view class='again' wx:if="{{item.orderStatus == 6&&todayDate<=item.pressEndDate}}" hover-class="none" hover-stop-propagation="false" data-id="{{item.id}}" bindtap="inviteFriend"> | |||
| <view class="botton1">邀请好友砍价</view> | |||
| <view class="botton1">邀请好友</view> | |||
| </view> | |||
| <view class='again' wx:if="{{item.orderStatus == 7}}" data-id="{{item.id}}" bindtap="inviteFriend"> | |||
| <view class="botton2" hover-class="none" hover-stop-propagation="false">立即支付</view> | |||
| <image class="icon" src="{{bargainsuccess}}" lazy-load="true"/> | |||
| <view class="botton2" hover-class="none" hover-stop-propagation="false">立即付款</view> | |||
| <!-- <image class="icon" src="{{bargainsuccess}}" lazy-load="true"/> --> | |||
| </view> | |||
| <form bindsubmit="submit" report-submit='true' > | |||
| <view class='again' wx:if="{{item.orderStatus == 8||item.orderStatus == 6&&todayDate>item.pressEndDate}}" | |||
| data-couponChannelId="{{item.couponChannelId}}" data-couponId="{{item.productId}}" data-id="{{item.id}}" bindtap="barginAgain"> | |||
| <button form-type="submit" class="botton3" hover-class="none" hover-stop-propagation="false">重新砍价</button> | |||
| <image class="icon" src="{{bargainfail}}" lazy-load="true"/> | |||
| <!-- <image class="icon" src="{{bargainfail}}" lazy-load="true"/> --> | |||
| </view> | |||
| </form> | |||
| <view wx:if="{{item.orderStatus != 8}}" > | |||
| <view class='line'></view> | |||
| <view class='pt_progress' > | |||
| <progress percent="60" stroke-width="6" activeColor="#FE4614" /> | |||
| <text class='msg' wx:if="{{item.orderStatus == 6}}">还差5人即享最低</text> | |||
| <text class='msg' wx:if="{{item.orderStatus == 7}}">已至底价</text> | |||
| </view> | |||
| </view> | |||
| <view wx:if="{{item.orderStatus == 2 || item.orderStatus == 9}}"> | |||
| <image class="icon" style="margin-top:60rpx;" src="{{bargaincancel}}" lazy-load="true"/> | |||
| </view> | |||
| </view> | |||
| <view class="loading" wx:if="{{loading}}">{{content}}</view> | |||
| </view> | |||
| <view class='no-data01' wx:if='{{flag=="bargaingoods"&&lists.length==0}}' style='{{"height:"+(list.length>0?"calc(100vh - 460rpx)":"calc(100vh - 160rpx)")}}'> | |||
| <image src='{{actUrl}}'></image> | |||
| <view class='no-data-text'>暂无数据</view> | |||
| @@ -64,9 +77,7 @@ | |||
| <view class='no-data-text'>暂无数据</view> | |||
| </view> | |||
| <view class='bottom'> | |||
| <view class='bottom-left' bindtap="bargaingoods" style="background:{{bargaingoods?'#FF8220':'#FFB614'}}">砍价商品</view> | |||
| <view class='bottom-right' bindtap="mybargain" style="background:{{ mybargain?'#FF8220':'#FFB614'}}">我的砍价</view> | |||
| <view bindtap="bargaingoods" class="{{bargaingoods?'bottom-left':'bottom-leftQ'}}">砍价商品</view> | |||
| <view bindtap="mybargain" class="{{mybargain?'bottom-right':'bottom-rightQ'}}">我的砍价</view> | |||
| </view> | |||
| </view> | |||
| @@ -1,8 +1,8 @@ | |||
| page{ | |||
| position: relative; | |||
| height: auto!important; | |||
| background:#FF6F03; | |||
| background-image:url('https://s3.cn-northwest-1.amazonaws.com.cn/iformall-net/cimg/barginlistbg.jpg'); | |||
| background:#F4F5F9; | |||
| /* background-image:url('https://s3.cn-northwest-1.amazonaws.com.cn/iformall-net/cimg/barginlistbg.jpg'); */ | |||
| background-size: cover; | |||
| background-repeat: no-repeat; | |||
| } | |||
| @@ -11,8 +11,8 @@ page{ | |||
| padding: 0 32rpx; | |||
| } | |||
| .listitem .fl { | |||
| width: 180rpx; | |||
| height: 180rpx!important; | |||
| width: 142rpx; | |||
| height: 142rpx!important; | |||
| border-radius: 10rpx; | |||
| overflow: hidden; | |||
| margin-top:10rpx; | |||
| @@ -34,13 +34,14 @@ page{ | |||
| } | |||
| .ri .txt01 { | |||
| width: 100%; | |||
| font-size:30rpx; | |||
| font-size:32rpx; | |||
| color: rgba(51, 51, 51, 1); | |||
| line-height: 44rpx; | |||
| white-space: nowrap; | |||
| text-overflow: ellipsis; | |||
| overflow: hidden; | |||
| font-weight: bold; | |||
| margin-top: 10rpx; | |||
| } | |||
| .ri .txt02 { | |||
| @@ -52,22 +53,24 @@ page{ | |||
| color: rgba(140, 140, 140, 1); | |||
| } | |||
| .ri .txt03 { | |||
| width: 100%; | |||
| margin-left: 10rpx; | |||
| display: inline-block!important; | |||
| font-size:24rpx; | |||
| text-decoration:line-through; | |||
| color:rgba(140,140,140,1); | |||
| } | |||
| .ri .txt04 { | |||
| width: 100%; | |||
| font-size:24rpx; | |||
| color:rgba(255,50,50,1); | |||
| font-size:30rpx; | |||
| color:rgba(253,131,45,1); | |||
| line-height:44rpx; | |||
| margin-top: 20rpx; | |||
| } | |||
| .money{ | |||
| display: inline-block!important; | |||
| font-size:50rpx; | |||
| font-weight:500; | |||
| color:rgba(255,50,50,1); | |||
| color:rgba(253,131,45,1); | |||
| } | |||
| .listitem{ | |||
| position: relative; | |||
| @@ -77,27 +80,48 @@ page{ | |||
| margin-bottom: 30rpx; | |||
| margin-top: 30rpx; | |||
| } | |||
| .line{ | |||
| padding:0,16rpx; | |||
| border: .5px dashed #E1E1E1; | |||
| } | |||
| .pt_progress{ | |||
| padding:0,16rpx; | |||
| line-height: 56rpx; | |||
| color: #FD782D; | |||
| } | |||
| .msg{ | |||
| float: right; | |||
| font-size: 28rpx; | |||
| } | |||
| progress{ | |||
| display:inline-block; | |||
| border-radius:60rpx; | |||
| overflow:hidden; | |||
| width: 436rpx; | |||
| } | |||
| .botton{ | |||
| position: absolute; | |||
| right: 18rpx; | |||
| text-align: center; | |||
| bottom: 40rpx; | |||
| width:186rpx; | |||
| height:48rpx; | |||
| line-height:48rpx; | |||
| background:linear-gradient(90deg,rgba(255,182,20,1) 0%,rgba(248,98,52,1) 100%); | |||
| width:140rpx; | |||
| height:52rpx; | |||
| line-height:52rpx; | |||
| background:linear-gradient(130deg,rgba(50,177,252,1) 0%,rgba(47,108,255,1) 100%); | |||
| border-radius:24rpx; | |||
| font-size:26rpx; | |||
| color:rgba(255,255,255,1); | |||
| } | |||
| .botton1{ | |||
| position: absolute; | |||
| right: 36rpx; | |||
| right: 34rpx; | |||
| text-align: center; | |||
| bottom: 6rpx; | |||
| width:186rpx; | |||
| height:48rpx; | |||
| line-height:48rpx; | |||
| top: 96rpx; | |||
| width:140rpx; | |||
| height:52rpx; | |||
| line-height:52rpx; | |||
| background:linear-gradient(90deg,rgba(255,182,20,1) 0%,rgba(255,111,3,1) 100%); | |||
| /* background:linear-gradient(90deg,rgba(236,59,45,1) 0%,rgba(255,111,3,1) 100%); */ | |||
| border-radius:24rpx; | |||
| @@ -111,27 +135,27 @@ page{ | |||
| position: absolute; | |||
| right: 36rpx; | |||
| text-align: center; | |||
| bottom: 8rpx; | |||
| top: 96rpx; | |||
| border-radius:24rpx; | |||
| font-size:26rpx; | |||
| line-height:48rpx; | |||
| color:rgba(255,255,255,1); | |||
| width:134rpx; | |||
| width:140rpx; | |||
| height:48rpx; | |||
| background:linear-gradient(90deg,rgba(255,182,20,1) 0%,rgba(255,111,3,1) 100%); | |||
| background:linear-gradient(130deg,rgba(50,177,252,1) 0%,rgba(47,108,255,1) 100%); | |||
| } | |||
| .botton3{ | |||
| position: absolute; | |||
| right: 36rpx; | |||
| text-align: center; | |||
| bottom: 8rpx; | |||
| top: 96rpx; | |||
| line-height:48rpx; | |||
| border-radius:24rpx; | |||
| font-size:26rpx; | |||
| color:rgba(255,255,255,1); | |||
| width:134rpx; | |||
| width:140rpx; | |||
| height:48rpx; | |||
| background:linear-gradient(90deg,rgba(255,182,20,1) 0%,rgba(255,111,3,1) 100%); | |||
| background:linear-gradient(130deg,rgba(50,177,252,1) 0%,rgba(47,108,255,1) 100%); | |||
| } | |||
| /* .buttonfix{ | |||
| position: fixed; | |||
| @@ -459,7 +483,7 @@ page{ | |||
| .again{ | |||
| position: relative; | |||
| width: 686rpx; | |||
| height: 200rpx; | |||
| height: 168rpx; | |||
| } | |||
| .banner{ | |||
| margin-bottom:20rpx; | |||
| @@ -472,14 +496,11 @@ page{ | |||
| overflow: hidden; | |||
| } | |||
| .bottom{ | |||
| width: 690rpx; | |||
| height: 85rpx; | |||
| width: 100%; | |||
| height: 100rpx; | |||
| position: fixed; | |||
| bottom: 26rpx; | |||
| left: 30rpx; | |||
| bottom: 0; | |||
| /* background:rgba(243,69,58,1); */ | |||
| border:1px solid rgba(255, 222, 67, 1); | |||
| border-radius:40px; | |||
| color: #fff; | |||
| overflow: hidden; | |||
| } | |||
| @@ -488,24 +509,50 @@ page{ | |||
| float: left; | |||
| margin-left: -1rpx; | |||
| text-align: center; | |||
| line-height: 85rpx; | |||
| line-height: 100rpx; | |||
| font-size:30rpx; | |||
| font-family:PingFang-SC-Medium; | |||
| font-weight:500; | |||
| color:rgba(255,253,245,1); | |||
| border-right:1px solid rgba(255, 222, 67, 1); | |||
| opacity: 1; | |||
| background:linear-gradient(130deg,#32B1FC,#2F6CFF); | |||
| color: #FFFEFE; | |||
| } | |||
| .bottom-right{ | |||
| .bottom-leftQ{ | |||
| width: 50%; | |||
| float: left; | |||
| margin-left: -1rpx; | |||
| text-align: center; | |||
| line-height: 85rpx; | |||
| line-height: 100rpx; | |||
| font-size:30rpx; | |||
| font-family:PingFang-SC-Medium; | |||
| font-weight:500; | |||
| color:rgba(255,253,245,1); | |||
| opacity: 1; | |||
| background:#FFFFFF; | |||
| color: #3C3C3C; | |||
| } | |||
| .bottom-right{ | |||
| width: 50%; | |||
| float: left; | |||
| text-align: center; | |||
| line-height: 100rpx; | |||
| font-size:30rpx; | |||
| font-family:PingFang-SC-Medium; | |||
| font-weight:500; | |||
| opacity: 1; | |||
| background:linear-gradient(130deg,#32B1FC,#2F6CFF); | |||
| color: #FFFEFE; | |||
| } | |||
| .bottom-rightQ{ | |||
| width: 50%; | |||
| float: left; | |||
| text-align: center; | |||
| line-height: 100rpx; | |||
| font-size:30rpx; | |||
| font-family:PingFang-SC-Medium; | |||
| font-weight:500; | |||
| opacity: 1; | |||
| background:#FFFFFF; | |||
| color: #3C3C3C; | |||
| } | |||
| button::after{ border: none; } | |||
| .goback{ | |||
| @@ -5,7 +5,7 @@ | |||
| <view class='all clear'> | |||
| <block wx:for="{{lists}}" wx:key="{{index}}"> | |||
| <view bindtap='jumpIndex' data-menuindex='{{item.id}}'> | |||
| <view class='text-style'> | |||
| <view class="{{indexId==item.id?'text-style':'text-styleHover'}}"> | |||
| <text class="{{indexId==item.id?'active1':''}}">{{item.title}}</text> | |||
| <text class="{{indexId==item.id?'active':''}}"></text> | |||
| </view> | |||