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