Browse Source

[砍价][修改]:[砍价ui页面修改]

tags/安徽版C.4.1.6最终版
meo 6 years ago
parent
commit
3c8988fb27
5 changed files with 78 additions and 37 deletions
  1. +12
    -8
      pages/bargain/bargain.wxml
  2. +63
    -22
      pages/bargain/bargain.wxss
  3. +0
    -1
      pages/main/bargain/index.wxss
  4. +3
    -3
      pages/spellGroup/spellGroup.wxml
  5. +0
    -3
      pages/spellGroup/spellGroup.wxss

+ 12
- 8
pages/bargain/bargain.wxml View File

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

+ 63
- 22
pages/bargain/bargain.wxss View File

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

+ 0
- 1
pages/main/bargain/index.wxss View File

@@ -89,4 +89,3 @@
.commodity-info-price{ .commodity-info-price{
line-height: 36rpx; line-height: 36rpx;
} }


+ 3
- 3
pages/spellGroup/spellGroup.wxml View File

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


+ 0
- 3
pages/spellGroup/spellGroup.wxss View File

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


Loading…
Cancel
Save