@@ -1,8 +1,10 @@ | |||||
<view class="page" hover-class="none" hover-stop-propagation="false"> | <view class="page" hover-class="none" hover-stop-propagation="false"> | ||||
<view class="bargaingoods" wx:if="{{bargaingoods}}" 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}}" /> | |||||
</view> | |||||
<view class="bargaingoods" style='padding-bottom:120rpx;' wx:if="{{bargaingoods}}" hover-class="none" hover-stop-propagation="false"> | |||||
<!-- <view class='top'> | |||||
<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 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'> | ||||
<image class="fl" src="{{item.coverImg}}" mode="aspectFill" lazy-load="true" binderror="" | <image class="fl" src="{{item.coverImg}}" mode="aspectFill" lazy-load="true" binderror="" | ||||
@@ -20,7 +22,7 @@ | |||||
<!-- <view class='loadingtext' wx:if="{{loadingtext}}">{{loadingtext}}</view> --> | <!-- <view class='loadingtext' wx:if="{{loadingtext}}">{{loadingtext}}</view> --> | ||||
</view> | </view> | ||||
</view> | </view> | ||||
<view class="list mybargain" wx:if="{{mybargain}}" hover-class="none" hover-stop-propagation="false"> | |||||
<view class="list mybargain" style='padding-bottom:120rpx;' wx:if="{{mybargain}}" 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" hover-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"> | ||||
@@ -52,8 +54,10 @@ | |||||
<image src="{{actUrl}}" mode="widthFix"></image> | <image src="{{actUrl}}" mode="widthFix"></image> | ||||
<text>暂无数据</text> | <text>暂无数据</text> | ||||
</view> | </view> | ||||
<view class="clearfix buttonfix" hover-class="none" hover-stop-propagation="false"> | |||||
<view class="{{bargaingoods?'active1':''}}" hover-class="none" hover-stop-propagation="false" bindtap="bargaingoods">砍价商品</view> | |||||
<view class="{{ mybargain?'active1':''}} line" hover-class="none" hover-stop-propagation="false" bindtap="mybargain">我的砍价</view> | |||||
<view class='bottom'> | |||||
<view class='bottom-left' bindtap="bargaingoods" style="background:{{bargaingoods?'#FF7250':'#F3453A'}}">砍价商品</view> | |||||
<view class='bottom-right' bindtap="mybargain" style="background:{{ mybargain?'#FF7250':'#F3453A'}}">我的砍价</view> | |||||
</view> | </view> | ||||
</view> | </view> |
@@ -1,20 +1,10 @@ | |||||
page{ | page{ | ||||
position: relative; | |||||
height: auto!important; | height: auto!important; | ||||
background:#f89132; | background:#f89132; | ||||
background-image:url('https://s3.cn-northwest-1.amazonaws.com.cn/iformall-net/cimg/spell-bg.png'); | background-image:url('https://s3.cn-northwest-1.amazonaws.com.cn/iformall-net/cimg/spell-bg.png'); | ||||
} | } | ||||
.banner .bg { | |||||
display: block; | |||||
width: 100%; | |||||
} | |||||
.bannerimg { | |||||
display: block; | |||||
width: 710rpx; | |||||
height: 260rpx; | |||||
border-radius: 15rpx; | |||||
margin: -120rpx auto 0; | |||||
} | |||||
.list{ | .list{ | ||||
padding: 0 32rpx; | padding: 0 32rpx; | ||||
} | } | ||||
@@ -30,7 +20,7 @@ page{ | |||||
height: 116rpx; | height: 116rpx; | ||||
position: absolute; | position: absolute; | ||||
top: 0; | top: 0; | ||||
right: 0; | |||||
right: 30rpx; | |||||
} | } | ||||
.listitem .ri { | .listitem .ri { | ||||
margin-left: 26rpx; | margin-left: 26rpx; | ||||
@@ -83,6 +73,7 @@ page{ | |||||
background: #fff; | background: #fff; | ||||
border-radius: 20rpx; | border-radius: 20rpx; | ||||
margin-bottom: 20rpx; | margin-bottom: 20rpx; | ||||
margin-top: 20rpx; | |||||
} | } | ||||
.botton{ | .botton{ | ||||
position: absolute; | position: absolute; | ||||
@@ -99,7 +90,7 @@ page{ | |||||
} | } | ||||
.botton1{ | .botton1{ | ||||
position: absolute; | position: absolute; | ||||
right: 0; | |||||
right: 36rpx; | |||||
text-align: center; | text-align: center; | ||||
bottom: 6rpx; | bottom: 6rpx; | ||||
width:186rpx; | width:186rpx; | ||||
@@ -115,7 +106,7 @@ page{ | |||||
} | } | ||||
.botton2{ | .botton2{ | ||||
position: absolute; | position: absolute; | ||||
right: 0; | |||||
right: 36rpx; | |||||
text-align: center; | text-align: center; | ||||
bottom: 8rpx; | bottom: 8rpx; | ||||
border-radius:24rpx; | border-radius:24rpx; | ||||
@@ -128,7 +119,7 @@ page{ | |||||
} | } | ||||
.botton3{ | .botton3{ | ||||
position: absolute; | position: absolute; | ||||
right: 0; | |||||
right: 36rpx; | |||||
text-align: center; | text-align: center; | ||||
bottom: 8rpx; | bottom: 8rpx; | ||||
line-height:48rpx; | line-height:48rpx; | ||||
@@ -139,7 +130,7 @@ page{ | |||||
height:48rpx; | height:48rpx; | ||||
background:linear-gradient(90deg,rgba(255,145,2,1) 0%,rgba(255,176,22,1) 100%); | background:linear-gradient(90deg,rgba(255,145,2,1) 0%,rgba(255,176,22,1) 100%); | ||||
} | } | ||||
.buttonfix{ | |||||
/* .buttonfix{ | |||||
position: fixed; | position: fixed; | ||||
height: 95rpx; | height: 95rpx; | ||||
line-height: 95rpx; | line-height: 95rpx; | ||||
@@ -152,7 +143,7 @@ page{ | |||||
border-top:1rpx solid #C6C6C6; | border-top:1rpx solid #C6C6C6; | ||||
justify-content: space-around; | justify-content: space-around; | ||||
text-align: center; | text-align: center; | ||||
} | |||||
} */ | |||||
.buttonfix > view{ | .buttonfix > view{ | ||||
text-align: center; | text-align: center; | ||||
font-size: 32rpx; | font-size: 32rpx; | ||||
@@ -422,8 +413,58 @@ page{ | |||||
height: 200rpx; | height: 200rpx; | ||||
} | } | ||||
.banner{ | .banner{ | ||||
margin-bottom: 20rpx; | |||||
background:#F13C42; | |||||
position: relative; | |||||
z-index: 100; | |||||
} | |||||
margin-bottom:20rpx; | |||||
background:none!important; | |||||
border-radius:16rpx; | |||||
} | |||||
.banner .bannerbg image{ | |||||
display: none!important; | |||||
height: 0!important; | |||||
overflow: hidden; | |||||
} | |||||
.top{ | |||||
position: absolute; | |||||
top: 30rpx; | |||||
width: 710rpx; | |||||
height: 260rpx; | |||||
background: #fff; | |||||
left: 20rpx; | |||||
border-radius: 16rpx; | |||||
overflow: hidden; | |||||
} | |||||
.bottom{ | |||||
width: 690rpx; | |||||
height: 85rpx; | |||||
position: fixed; | |||||
bottom: 26rpx; | |||||
left: 30rpx; | |||||
/* background:rgba(243,69,58,1); */ | |||||
border:1px solid rgba(255, 222, 67, 1); | |||||
border-radius:40px; | |||||
color: #fff; | |||||
overflow: hidden; | |||||
} | |||||
.bottom-left{ | |||||
width: 50%; | |||||
float: left; | |||||
margin-left: -1rpx; | |||||
text-align: center; | |||||
line-height: 85rpx; | |||||
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; | |||||
} | |||||
.bottom-right{ | |||||
width: 50%; | |||||
float: left; | |||||
text-align: center; | |||||
line-height: 85rpx; | |||||
font-size:30rpx; | |||||
font-family:PingFang-SC-Medium; | |||||
font-weight:500; | |||||
color:rgba(255,253,245,1); | |||||
opacity: 1; | |||||
} |
@@ -89,4 +89,3 @@ | |||||
.commodity-info-price{ | .commodity-info-price{ | ||||
line-height: 36rpx; | line-height: 36rpx; | ||||
} | } | ||||
@@ -1,9 +1,9 @@ | |||||
<view class='content-box' style='{{"padding-bottom:"+(lists.length>0?"200rpx":"0")}}'> | <view class='content-box' style='{{"padding-bottom:"+(lists.length>0?"200rpx":"0")}}'> | ||||
<view class='top' wx:if='{{flag=="spellList"}}'> | |||||
<!-- <view class='top' wx:if='{{flag=="spellList"}}'> | |||||
<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='no-data01' wx:if='{{flag=="spellList"&&lists.length==0}}'> | <view class='no-data01' wx:if='{{flag=="spellList"&&lists.length==0}}'> | ||||
<image src='{{nodata}}'></image> | <image src='{{nodata}}'></image> | ||||
<view class='no-data-text'>暂无数据</view> | <view class='no-data-text'>暂无数据</view> | ||||
@@ -12,7 +12,7 @@ | |||||
<image src='{{nodata}}'></image> | <image src='{{nodata}}'></image> | ||||
<view class='no-data-text'>暂无数据</view> | <view class='no-data-text'>暂无数据</view> | ||||
</view> | </view> | ||||
<view class='content' style='{{"margin-top:"+(flag=="spellList"?"320rpx":0)}}'> | |||||
<view class='content'> | |||||
<view class='sepll-list' wx:if='{{flag=="spellList"}}' wx:for="{{lists}}" wx:key="{{index}}" data-couponId='{{item.couponId}}' data-id='{{item.id}}' bindtap='invite'> | <view class='sepll-list' wx:if='{{flag=="spellList"}}' wx:for="{{lists}}" wx:key="{{index}}" data-couponId='{{item.couponId}}' data-id='{{item.id}}' bindtap='invite'> | ||||
<view class='spell-left'> | <view class='spell-left'> | ||||
<image src='{{item.coverImg}}'></image> | <image src='{{item.coverImg}}'></image> | ||||
@@ -63,9 +63,6 @@ image{ | |||||
border-radius: 16rpx; | border-radius: 16rpx; | ||||
overflow: hidden; | overflow: hidden; | ||||
} | } | ||||
.content{ | |||||
margin-top: 320rpx; | |||||
} | |||||
.content .sepll-list{ | .content .sepll-list{ | ||||
width: 690rpx; | width: 690rpx; | ||||
height: 230rpx; | height: 230rpx; | ||||