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