@@ -1,8 +1,8 @@ | |||||
{ | { | ||||
"navigationBarTitleText": "砍价专场", | "navigationBarTitleText": "砍价专场", | ||||
"enablePullDownRefresh": true, | "enablePullDownRefresh": true, | ||||
"navigationBarBackgroundColor": "#FF6F03", | |||||
"navigationBarTextStyle": "white", | |||||
"navigationBarBackgroundColor": "#F4F5F9", | |||||
"navigationBarTextStyle": "black", | |||||
"usingComponents": { | "usingComponents": { | ||||
"c-banner": "../../components/spellbanner/index", | "c-banner": "../../components/spellbanner/index", | ||||
"i-tab": "../../../dist/tab/index", | "i-tab": "../../../dist/tab/index", | ||||
@@ -1,10 +1,11 @@ | |||||
<button class='goback' bindtap='goback'><image src='{{wmhome}}' mode="widthFix"></image></button> | <button class='goback' bindtap='goback'><image src='{{wmhome}}' mode="widthFix"></image></button> | ||||
<view class="page" hover-class="none" hover-stop-propagation="false"> | <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"> | <view class="banner" wx:if="{{list.length>0}}" hover-class="none" hover-stop-propagation="false"> | ||||
<c-banner wx:key="unique" list="{{list}}" /> | <c-banner wx:key="unique" list="{{list}}" /> | ||||
</view> | </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="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="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'> | <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"> | <view class="fl ri" hover-class="none" hover-stop-propagation="false"> | ||||
<text class="txt01">{{item.title}}</text> | <text class="txt01">{{item.title}}</text> | ||||
<text class="txt02">{{item.subTitle}}</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> | ||||
<view class="botton" wx:if="{{item.remainInventory != 0}}" hover-class="none" hover-stop-propagation="false">发起砍价</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> | <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 class='loadingtext' wx:if="{{loadingtext}}">{{loadingtext}}</view> --> | ||||
</view> | </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="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> | <image class="fl" src="{{item.coverImg}}" mode="aspectFill" lazy-load="true"></image> | ||||
<view class="fl ri" hover-class="none" hover-stop-propagation="false"> | <view class="fl ri" hover-class="none" hover-stop-propagation="false"> | ||||
<text class="txt01">{{item.title}}</text> | <text class="txt01">{{item.title}}</text> | ||||
<text class="txt02">{{item.subTitle}}</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> | <text class="txt04 mr" wx:if="{{item.orderStatus == 7}}">已砍价到底价:{{item.salePrice/100}}元</text> | ||||
</view> | </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='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> | ||||
<view class='again' wx:if="{{item.orderStatus == 7}}" data-id="{{item.id}}" bindtap="inviteFriend"> | <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> | </view> | ||||
<form bindsubmit="submit" report-submit='true' > | <form bindsubmit="submit" report-submit='true' > | ||||
<view class='again' wx:if="{{item.orderStatus == 8||item.orderStatus == 6&&todayDate>item.pressEndDate}}" | <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"> | 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> | <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> | </view> | ||||
</form> | </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}}"> | <view wx:if="{{item.orderStatus == 2 || item.orderStatus == 9}}"> | ||||
<image class="icon" style="margin-top:60rpx;" src="{{bargaincancel}}" lazy-load="true"/> | <image class="icon" style="margin-top:60rpx;" src="{{bargaincancel}}" lazy-load="true"/> | ||||
</view> | </view> | ||||
</view> | </view> | ||||
<view class="loading" wx:if="{{loading}}">{{content}}</view> | <view class="loading" wx:if="{{loading}}">{{content}}</view> | ||||
</view> | </view> | ||||
<view class='no-data01' wx:if='{{flag=="bargaingoods"&&lists.length==0}}' style='{{"height:"+(list.length>0?"calc(100vh - 460rpx)":"calc(100vh - 160rpx)")}}'> | <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> | <image src='{{actUrl}}'></image> | ||||
<view class='no-data-text'>暂无数据</view> | <view class='no-data-text'>暂无数据</view> | ||||
@@ -64,9 +77,7 @@ | |||||
<view class='no-data-text'>暂无数据</view> | <view class='no-data-text'>暂无数据</view> | ||||
</view> | </view> | ||||
<view class='bottom'> | <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> | ||||
</view> | </view> |
@@ -1,8 +1,8 @@ | |||||
page{ | page{ | ||||
position: relative; | position: relative; | ||||
height: auto!important; | 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-size: cover; | ||||
background-repeat: no-repeat; | background-repeat: no-repeat; | ||||
} | } | ||||
@@ -11,8 +11,8 @@ page{ | |||||
padding: 0 32rpx; | padding: 0 32rpx; | ||||
} | } | ||||
.listitem .fl { | .listitem .fl { | ||||
width: 180rpx; | |||||
height: 180rpx!important; | |||||
width: 142rpx; | |||||
height: 142rpx!important; | |||||
border-radius: 10rpx; | border-radius: 10rpx; | ||||
overflow: hidden; | overflow: hidden; | ||||
margin-top:10rpx; | margin-top:10rpx; | ||||
@@ -34,13 +34,14 @@ page{ | |||||
} | } | ||||
.ri .txt01 { | .ri .txt01 { | ||||
width: 100%; | width: 100%; | ||||
font-size:30rpx; | |||||
font-size:32rpx; | |||||
color: rgba(51, 51, 51, 1); | color: rgba(51, 51, 51, 1); | ||||
line-height: 44rpx; | line-height: 44rpx; | ||||
white-space: nowrap; | white-space: nowrap; | ||||
text-overflow: ellipsis; | text-overflow: ellipsis; | ||||
overflow: hidden; | overflow: hidden; | ||||
font-weight: bold; | font-weight: bold; | ||||
margin-top: 10rpx; | |||||
} | } | ||||
.ri .txt02 { | .ri .txt02 { | ||||
@@ -52,22 +53,24 @@ page{ | |||||
color: rgba(140, 140, 140, 1); | color: rgba(140, 140, 140, 1); | ||||
} | } | ||||
.ri .txt03 { | .ri .txt03 { | ||||
width: 100%; | |||||
margin-left: 10rpx; | |||||
display: inline-block!important; | |||||
font-size:24rpx; | font-size:24rpx; | ||||
text-decoration:line-through; | text-decoration:line-through; | ||||
color:rgba(140,140,140,1); | color:rgba(140,140,140,1); | ||||
} | } | ||||
.ri .txt04 { | .ri .txt04 { | ||||
width: 100%; | width: 100%; | ||||
font-size:24rpx; | |||||
color:rgba(255,50,50,1); | |||||
font-size:30rpx; | |||||
color:rgba(253,131,45,1); | |||||
line-height:44rpx; | line-height:44rpx; | ||||
margin-top: 20rpx; | |||||
} | } | ||||
.money{ | .money{ | ||||
display: inline-block!important; | display: inline-block!important; | ||||
font-size:50rpx; | font-size:50rpx; | ||||
font-weight:500; | font-weight:500; | ||||
color:rgba(255,50,50,1); | |||||
color:rgba(253,131,45,1); | |||||
} | } | ||||
.listitem{ | .listitem{ | ||||
position: relative; | position: relative; | ||||
@@ -77,27 +80,48 @@ page{ | |||||
margin-bottom: 30rpx; | margin-bottom: 30rpx; | ||||
margin-top: 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{ | .botton{ | ||||
position: absolute; | position: absolute; | ||||
right: 18rpx; | right: 18rpx; | ||||
text-align: center; | text-align: center; | ||||
bottom: 40rpx; | 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; | border-radius:24rpx; | ||||
font-size:26rpx; | font-size:26rpx; | ||||
color:rgba(255,255,255,1); | color:rgba(255,255,255,1); | ||||
} | } | ||||
.botton1{ | .botton1{ | ||||
position: absolute; | position: absolute; | ||||
right: 36rpx; | |||||
right: 34rpx; | |||||
text-align: center; | 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(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%); */ | /* background:linear-gradient(90deg,rgba(236,59,45,1) 0%,rgba(255,111,3,1) 100%); */ | ||||
border-radius:24rpx; | border-radius:24rpx; | ||||
@@ -111,27 +135,27 @@ page{ | |||||
position: absolute; | position: absolute; | ||||
right: 36rpx; | right: 36rpx; | ||||
text-align: center; | text-align: center; | ||||
bottom: 8rpx; | |||||
top: 96rpx; | |||||
border-radius:24rpx; | border-radius:24rpx; | ||||
font-size:26rpx; | font-size:26rpx; | ||||
line-height:48rpx; | line-height:48rpx; | ||||
color:rgba(255,255,255,1); | color:rgba(255,255,255,1); | ||||
width:134rpx; | |||||
width:140rpx; | |||||
height:48rpx; | 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{ | .botton3{ | ||||
position: absolute; | position: absolute; | ||||
right: 36rpx; | right: 36rpx; | ||||
text-align: center; | text-align: center; | ||||
bottom: 8rpx; | |||||
top: 96rpx; | |||||
line-height:48rpx; | line-height:48rpx; | ||||
border-radius:24rpx; | border-radius:24rpx; | ||||
font-size:26rpx; | font-size:26rpx; | ||||
color:rgba(255,255,255,1); | color:rgba(255,255,255,1); | ||||
width:134rpx; | |||||
width:140rpx; | |||||
height:48rpx; | 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{ | /* .buttonfix{ | ||||
position: fixed; | position: fixed; | ||||
@@ -459,7 +483,7 @@ page{ | |||||
.again{ | .again{ | ||||
position: relative; | position: relative; | ||||
width: 686rpx; | width: 686rpx; | ||||
height: 200rpx; | |||||
height: 168rpx; | |||||
} | } | ||||
.banner{ | .banner{ | ||||
margin-bottom:20rpx; | margin-bottom:20rpx; | ||||
@@ -472,14 +496,11 @@ page{ | |||||
overflow: hidden; | overflow: hidden; | ||||
} | } | ||||
.bottom{ | .bottom{ | ||||
width: 690rpx; | |||||
height: 85rpx; | |||||
width: 100%; | |||||
height: 100rpx; | |||||
position: fixed; | position: fixed; | ||||
bottom: 26rpx; | |||||
left: 30rpx; | |||||
bottom: 0; | |||||
/* background:rgba(243,69,58,1); */ | /* background:rgba(243,69,58,1); */ | ||||
border:1px solid rgba(255, 222, 67, 1); | |||||
border-radius:40px; | |||||
color: #fff; | color: #fff; | ||||
overflow: hidden; | overflow: hidden; | ||||
} | } | ||||
@@ -488,24 +509,50 @@ page{ | |||||
float: left; | float: left; | ||||
margin-left: -1rpx; | margin-left: -1rpx; | ||||
text-align: center; | text-align: center; | ||||
line-height: 85rpx; | |||||
line-height: 100rpx; | |||||
font-size:30rpx; | font-size:30rpx; | ||||
font-family:PingFang-SC-Medium; | font-family:PingFang-SC-Medium; | ||||
font-weight:500; | font-weight:500; | ||||
color:rgba(255,253,245,1); | |||||
border-right:1px solid rgba(255, 222, 67, 1); | |||||
opacity: 1; | opacity: 1; | ||||
background:linear-gradient(130deg,#32B1FC,#2F6CFF); | |||||
color: #FFFEFE; | |||||
} | } | ||||
.bottom-right{ | |||||
.bottom-leftQ{ | |||||
width: 50%; | width: 50%; | ||||
float: left; | float: left; | ||||
margin-left: -1rpx; | |||||
text-align: center; | text-align: center; | ||||
line-height: 85rpx; | |||||
line-height: 100rpx; | |||||
font-size:30rpx; | font-size:30rpx; | ||||
font-family:PingFang-SC-Medium; | font-family:PingFang-SC-Medium; | ||||
font-weight:500; | font-weight:500; | ||||
color:rgba(255,253,245,1); | |||||
opacity: 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; } | button::after{ border: none; } | ||||
.goback{ | .goback{ | ||||
@@ -5,7 +5,7 @@ | |||||
<view class='all clear'> | <view class='all clear'> | ||||
<block wx:for="{{lists}}" wx:key="{{index}}"> | <block wx:for="{{lists}}" wx:key="{{index}}"> | ||||
<view bindtap='jumpIndex' data-menuindex='{{item.id}}'> | <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?'active1':''}}">{{item.title}}</text> | ||||
<text class="{{indexId==item.id?'active':''}}"></text> | <text class="{{indexId==item.id?'active':''}}"></text> | ||||
</view> | </view> | ||||