瀏覽代碼

[砍价][修改][样式]

tags/河北版C.8.1.01
rui 5 年之前
父節點
當前提交
1cf35a9633
共有 4 個文件被更改,包括 113 次插入55 次删除
  1. +2
    -2
      pages/bargain/bargain.json
  2. +26
    -15
      pages/bargain/bargain.wxml
  3. +84
    -37
      pages/bargain/bargain.wxss
  4. +1
    -1
      pages/index/searchbar/index.wxml

+ 2
- 2
pages/bargain/bargain.json 查看文件

@@ -1,8 +1,8 @@
{
"navigationBarTitleText": "砍价专场",
"enablePullDownRefresh": true,
"navigationBarBackgroundColor": "#FF6F03",
"navigationBarTextStyle": "white",
"navigationBarBackgroundColor": "#F4F5F9",
"navigationBarTextStyle": "black",
"usingComponents": {
"c-banner": "../../components/spellbanner/index",
"i-tab": "../../../dist/tab/index",


+ 26
- 15
pages/bargain/bargain.wxml 查看文件

@@ -1,10 +1,11 @@
<button class='goback' bindtap='goback'><image src='{{wmhome}}' mode="widthFix"></image></button>
<view class="page" hover-class="none" hover-stop-propagation="false">
<view class='top' wx:if="{{bargaingoods&&list.length>0}}">
<!-- <view class='top' wx:if="{{bargaingoods&&list.length>0}}">
<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="bargaingoods" style='padding-bottom:120rpx;' wx:if="{{bargaingoods&&lists.length>0}}" 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'>
@@ -13,8 +14,7 @@
<view class="fl ri" hover-class="none" hover-stop-propagation="false">
<text class="txt01">{{item.title}}</text>
<text class="txt02">{{item.subTitle}}</text>
<text class="txt03">{{item.priceStr}}元</text>
<text class="txt04">可砍至<text class="money">{{item.salePriceStr}}</text>元</text>
<view class="txt04">可砍至¥<text class="money">{{item.salePriceStr}}</text><text class="txt03">原价{{item.priceStr}}</text></view>
</view>
<view class="botton" wx:if="{{item.remainInventory != 0}}" hover-class="none" hover-stop-propagation="false">发起砍价</view>
<view class="botton botton02" wx:if="{{item.remainInventory == 0}}" hover-class="none" hover-stop-propagation="false">已售罄</view>
@@ -23,38 +23,51 @@
<!-- <view class='loadingtext' wx:if="{{loadingtext}}">{{loadingtext}}</view> -->
</view>
</view>
<!-- 我的砍价 -->
<view class="list mybargain" style='padding-bottom:120rpx;' wx:if="{{mybargain&&lists.length>0}}" 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" zhover-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">
<text class="txt01">{{item.title}}</text>
<text class="txt02">{{item.subTitle}}</text>
<text class="txt04 mr txt004" wx:if="{{item.orderStatus == 6&&todayDate<=item.pressEndDate}}">距砍价到{{item.salePrice/100}}元还差:</text>
<text class="txt04 mr" wx:if="{{item.orderStatus == 6&&todayDate<=item.pressEndDate}}">{{item.pressCurrentValue/100}}元</text>
<view class="txt04 mr txt004" wx:if="{{item.orderStatus !=7}}">已砍至¥ <text class='money'>{{item.salePrice/100}}</text><text class="txt03">原价{{item.priceStr}}</text></view>
<!-- <text class="txt04 mr" wx:if="{{item.orderStatus == 6&&todayDate<=item.pressEndDate}}">{{item.pressCurrentValue/100}}元</text> -->
<text class="txt04 mr" wx:if="{{item.orderStatus == 7}}">已砍价到底价:{{item.salePrice/100}}元</text>
</view>

<view class='again' wx:if="{{item.orderStatus == 6&&todayDate<=item.pressEndDate}}" hover-class="none" hover-stop-propagation="false" data-id="{{item.id}}" bindtap="inviteFriend">
<view class="botton1">邀请好友砍价</view>
<view class="botton1">邀请好友</view>
</view>

<view class='again' wx:if="{{item.orderStatus == 7}}" data-id="{{item.id}}" bindtap="inviteFriend">
<view class="botton2" hover-class="none" hover-stop-propagation="false">立即付</view>
<image class="icon" src="{{bargainsuccess}}" lazy-load="true"/>
<view class="botton2" hover-class="none" hover-stop-propagation="false">立即付</view>
<!-- <image class="icon" src="{{bargainsuccess}}" lazy-load="true"/> -->
</view>

<form bindsubmit="submit" report-submit='true' >
<view class='again' wx:if="{{item.orderStatus == 8||item.orderStatus == 6&&todayDate>item.pressEndDate}}"
data-couponChannelId="{{item.couponChannelId}}" data-couponId="{{item.productId}}" data-id="{{item.id}}" bindtap="barginAgain">
<button form-type="submit" class="botton3" hover-class="none" hover-stop-propagation="false">重新砍价</button>
<image class="icon" src="{{bargainfail}}" lazy-load="true"/>
<!-- <image class="icon" src="{{bargainfail}}" lazy-load="true"/> -->
</view>
</form>

<view wx:if="{{item.orderStatus != 8}}" >
<view class='line'></view>
<view class='pt_progress' >
<progress percent="60" stroke-width="6" activeColor="#FE4614" />
<text class='msg' wx:if="{{item.orderStatus == 6}}">还差5人即享最低</text>
<text class='msg' wx:if="{{item.orderStatus == 7}}">已至底价</text>
</view>
</view>
<view wx:if="{{item.orderStatus == 2 || item.orderStatus == 9}}">
<image class="icon" style="margin-top:60rpx;" src="{{bargaincancel}}" lazy-load="true"/>
</view>
</view>
<view class="loading" wx:if="{{loading}}">{{content}}</view>
</view>

<view class='no-data01' wx:if='{{flag=="bargaingoods"&&lists.length==0}}' style='{{"height:"+(list.length>0?"calc(100vh - 460rpx)":"calc(100vh - 160rpx)")}}'>
<image src='{{actUrl}}'></image>
<view class='no-data-text'>暂无数据</view>
@@ -64,9 +77,7 @@
<view class='no-data-text'>暂无数据</view>
</view>
<view class='bottom'>
<view class='bottom-left' bindtap="bargaingoods" style="background:{{bargaingoods?'#FF8220':'#FFB614'}}">砍价商品</view>
<view class='bottom-right' bindtap="mybargain" style="background:{{ mybargain?'#FF8220':'#FFB614'}}">我的砍价</view>
<view bindtap="bargaingoods" class="{{bargaingoods?'bottom-left':'bottom-leftQ'}}">砍价商品</view>
<view bindtap="mybargain" class="{{mybargain?'bottom-right':'bottom-rightQ'}}">我的砍价</view>
</view>


</view>

+ 84
- 37
pages/bargain/bargain.wxss 查看文件

@@ -1,8 +1,8 @@
page{
position: relative;
height: auto!important;
background:#FF6F03;
background-image:url('https://s3.cn-northwest-1.amazonaws.com.cn/iformall-net/cimg/barginlistbg.jpg');
background:#F4F5F9;
/* background-image:url('https://s3.cn-northwest-1.amazonaws.com.cn/iformall-net/cimg/barginlistbg.jpg'); */
background-size: cover;
background-repeat: no-repeat;
}
@@ -11,8 +11,8 @@ page{
padding: 0 32rpx;
}
.listitem .fl {
width: 180rpx;
height: 180rpx!important;
width: 142rpx;
height: 142rpx!important;
border-radius: 10rpx;
overflow: hidden;
margin-top:10rpx;
@@ -34,13 +34,14 @@ page{
}
.ri .txt01 {
width: 100%;
font-size:30rpx;
font-size:32rpx;
color: rgba(51, 51, 51, 1);
line-height: 44rpx;
white-space: nowrap;
text-overflow: ellipsis;
overflow: hidden;
font-weight: bold;
margin-top: 10rpx;
}

.ri .txt02 {
@@ -52,22 +53,24 @@ page{
color: rgba(140, 140, 140, 1);
}
.ri .txt03 {
width: 100%;
margin-left: 10rpx;
display: inline-block!important;
font-size:24rpx;
text-decoration:line-through;
color:rgba(140,140,140,1);
}
.ri .txt04 {
width: 100%;
font-size:24rpx;
color:rgba(255,50,50,1);
font-size:30rpx;
color:rgba(253,131,45,1);
line-height:44rpx;
margin-top: 20rpx;
}
.money{
display: inline-block!important;
font-size:50rpx;
font-weight:500;
color:rgba(255,50,50,1);
color:rgba(253,131,45,1);
}
.listitem{
position: relative;
@@ -77,27 +80,48 @@ page{
margin-bottom: 30rpx;
margin-top: 30rpx;
}
.line{

padding:0,16rpx;
border: .5px dashed #E1E1E1;
}

.pt_progress{
padding:0,16rpx;
line-height: 56rpx;
color: #FD782D;
}
.msg{
float: right;
font-size: 28rpx;
}
progress{
display:inline-block;
border-radius:60rpx;
overflow:hidden;
width: 436rpx;
}
.botton{
position: absolute;
right: 18rpx;
text-align: center;
bottom: 40rpx;
width:186rpx;
height:48rpx;
line-height:48rpx;
background:linear-gradient(90deg,rgba(255,182,20,1) 0%,rgba(248,98,52,1) 100%);
width:140rpx;
height:52rpx;
line-height:52rpx;
background:linear-gradient(130deg,rgba(50,177,252,1) 0%,rgba(47,108,255,1) 100%);
border-radius:24rpx;
font-size:26rpx;
color:rgba(255,255,255,1);
}
.botton1{
position: absolute;
right: 36rpx;
right: 34rpx;
text-align: center;
bottom: 6rpx;
width:186rpx;
height:48rpx;
line-height:48rpx;
top: 96rpx;
width:140rpx;
height:52rpx;
line-height:52rpx;
background:linear-gradient(90deg,rgba(255,182,20,1) 0%,rgba(255,111,3,1) 100%);
/* background:linear-gradient(90deg,rgba(236,59,45,1) 0%,rgba(255,111,3,1) 100%); */
border-radius:24rpx;
@@ -111,27 +135,27 @@ page{
position: absolute;
right: 36rpx;
text-align: center;
bottom: 8rpx;
top: 96rpx;
border-radius:24rpx;
font-size:26rpx;
line-height:48rpx;
color:rgba(255,255,255,1);
width:134rpx;
width:140rpx;
height:48rpx;
background:linear-gradient(90deg,rgba(255,182,20,1) 0%,rgba(255,111,3,1) 100%);
background:linear-gradient(130deg,rgba(50,177,252,1) 0%,rgba(47,108,255,1) 100%);
}
.botton3{
position: absolute;
right: 36rpx;
text-align: center;
bottom: 8rpx;
top: 96rpx;
line-height:48rpx;
border-radius:24rpx;
font-size:26rpx;
color:rgba(255,255,255,1);
width:134rpx;
width:140rpx;
height:48rpx;
background:linear-gradient(90deg,rgba(255,182,20,1) 0%,rgba(255,111,3,1) 100%);
background:linear-gradient(130deg,rgba(50,177,252,1) 0%,rgba(47,108,255,1) 100%);
}
/* .buttonfix{
position: fixed;
@@ -459,7 +483,7 @@ page{
.again{
position: relative;
width: 686rpx;
height: 200rpx;
height: 168rpx;
}
.banner{
margin-bottom:20rpx;
@@ -472,14 +496,11 @@ page{
overflow: hidden;
}
.bottom{
width: 690rpx;
height: 85rpx;
width: 100%;
height: 100rpx;
position: fixed;
bottom: 26rpx;
left: 30rpx;
bottom: 0;
/* background:rgba(243,69,58,1); */
border:1px solid rgba(255, 222, 67, 1);
border-radius:40px;
color: #fff;
overflow: hidden;
}
@@ -488,24 +509,50 @@ page{
float: left;
margin-left: -1rpx;
text-align: center;
line-height: 85rpx;
line-height: 100rpx;
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;
background:linear-gradient(130deg,#32B1FC,#2F6CFF);
color: #FFFEFE;
}
.bottom-right{
.bottom-leftQ{
width: 50%;
float: left;
margin-left: -1rpx;
text-align: center;
line-height: 85rpx;
line-height: 100rpx;
font-size:30rpx;
font-family:PingFang-SC-Medium;
font-weight:500;
color:rgba(255,253,245,1);
opacity: 1;
background:#FFFFFF;
color: #3C3C3C;
}
.bottom-right{
width: 50%;
float: left;
text-align: center;
line-height: 100rpx;
font-size:30rpx;
font-family:PingFang-SC-Medium;
font-weight:500;
opacity: 1;
background:linear-gradient(130deg,#32B1FC,#2F6CFF);
color: #FFFEFE;
}
.bottom-rightQ{
width: 50%;
float: left;
text-align: center;
line-height: 100rpx;
font-size:30rpx;
font-family:PingFang-SC-Medium;
font-weight:500;
opacity: 1;
background:#FFFFFF;
color: #3C3C3C;
}
button::after{ border: none; }
.goback{


+ 1
- 1
pages/index/searchbar/index.wxml 查看文件

@@ -5,7 +5,7 @@
<view class='all clear'>
<block wx:for="{{lists}}" wx:key="{{index}}">
<view bindtap='jumpIndex' data-menuindex='{{item.id}}'>
<view class='text-style'>
<view class="{{indexId==item.id?'text-style':'text-styleHover'}}">
<text class="{{indexId==item.id?'active1':''}}">{{item.title}}</text>
<text class="{{indexId==item.id?'active':''}}"></text>
</view>


Loading…
取消
儲存