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