@@ -1,8 +1,10 @@ | |||
<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="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="" | |||
@@ -20,7 +22,7 @@ | |||
<!-- <view class='loadingtext' wx:if="{{loadingtext}}">{{loadingtext}}</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"> | |||
<image class="fl" src="{{item.coverImg}}" mode="aspectFill" lazy-load="true"></image> | |||
<view class="fl ri" hover-class="none" hover-stop-propagation="false"> | |||
@@ -52,8 +54,10 @@ | |||
<image src="{{actUrl}}" mode="widthFix"></image> | |||
<text>暂无数据</text> | |||
</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> |
@@ -1,20 +1,10 @@ | |||
page{ | |||
position: relative; | |||
height: auto!important; | |||
background:#f89132; | |||
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{ | |||
padding: 0 32rpx; | |||
} | |||
@@ -30,7 +20,7 @@ page{ | |||
height: 116rpx; | |||
position: absolute; | |||
top: 0; | |||
right: 0; | |||
right: 30rpx; | |||
} | |||
.listitem .ri { | |||
margin-left: 26rpx; | |||
@@ -83,6 +73,7 @@ page{ | |||
background: #fff; | |||
border-radius: 20rpx; | |||
margin-bottom: 20rpx; | |||
margin-top: 20rpx; | |||
} | |||
.botton{ | |||
position: absolute; | |||
@@ -99,7 +90,7 @@ page{ | |||
} | |||
.botton1{ | |||
position: absolute; | |||
right: 0; | |||
right: 36rpx; | |||
text-align: center; | |||
bottom: 6rpx; | |||
width:186rpx; | |||
@@ -115,7 +106,7 @@ page{ | |||
} | |||
.botton2{ | |||
position: absolute; | |||
right: 0; | |||
right: 36rpx; | |||
text-align: center; | |||
bottom: 8rpx; | |||
border-radius:24rpx; | |||
@@ -128,7 +119,7 @@ page{ | |||
} | |||
.botton3{ | |||
position: absolute; | |||
right: 0; | |||
right: 36rpx; | |||
text-align: center; | |||
bottom: 8rpx; | |||
line-height:48rpx; | |||
@@ -139,7 +130,7 @@ page{ | |||
height:48rpx; | |||
background:linear-gradient(90deg,rgba(255,145,2,1) 0%,rgba(255,176,22,1) 100%); | |||
} | |||
.buttonfix{ | |||
/* .buttonfix{ | |||
position: fixed; | |||
height: 95rpx; | |||
line-height: 95rpx; | |||
@@ -152,7 +143,7 @@ page{ | |||
border-top:1rpx solid #C6C6C6; | |||
justify-content: space-around; | |||
text-align: center; | |||
} | |||
} */ | |||
.buttonfix > view{ | |||
text-align: center; | |||
font-size: 32rpx; | |||
@@ -422,8 +413,58 @@ page{ | |||
height: 200rpx; | |||
} | |||
.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{ | |||
line-height: 36rpx; | |||
} | |||
@@ -1,9 +1,9 @@ | |||
<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"> | |||
<c-banner wx:key="unique" list="{{list}}" /> | |||
</view> | |||
</view> | |||
</view> --> | |||
<view class='no-data01' wx:if='{{flag=="spellList"&&lists.length==0}}'> | |||
<image src='{{nodata}}'></image> | |||
<view class='no-data-text'>暂无数据</view> | |||
@@ -12,7 +12,7 @@ | |||
<image src='{{nodata}}'></image> | |||
<view class='no-data-text'>暂无数据</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='spell-left'> | |||
<image src='{{item.coverImg}}'></image> | |||
@@ -63,9 +63,6 @@ image{ | |||
border-radius: 16rpx; | |||
overflow: hidden; | |||
} | |||
.content{ | |||
margin-top: 320rpx; | |||
} | |||
.content .sepll-list{ | |||
width: 690rpx; | |||
height: 230rpx; | |||