From 1cf35a96331dbd09bc526edc4ef0436df15d1d0c Mon Sep 17 00:00:00 2001 From: rui <1593038819@qq.com> Date: Sun, 14 Jul 2019 23:17:25 +0800 Subject: [PATCH] =?UTF-8?q?[=E7=A0=8D=E4=BB=B7][=E4=BF=AE=E6=94=B9][?= =?UTF-8?q?=E6=A0=B7=E5=BC=8F]?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- pages/bargain/bargain.json | 4 +- pages/bargain/bargain.wxml | 41 +++++++---- pages/bargain/bargain.wxss | 121 +++++++++++++++++++++---------- pages/index/searchbar/index.wxml | 2 +- 4 files changed, 113 insertions(+), 55 deletions(-) diff --git a/pages/bargain/bargain.json b/pages/bargain/bargain.json index 3f29c4f..69f881e 100644 --- a/pages/bargain/bargain.json +++ b/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", diff --git a/pages/bargain/bargain.wxml b/pages/bargain/bargain.wxml index 6bc8201..9594102 100644 --- a/pages/bargain/bargain.wxml +++ b/pages/bargain/bargain.wxml @@ -1,10 +1,11 @@ - + + @@ -13,8 +14,7 @@ {{item.title}} {{item.subTitle}} - {{item.priceStr}}元 - 可砍至{{item.salePriceStr}} + 可砍至¥{{item.salePriceStr}}原价{{item.priceStr}} 发起砍价 已售罄 @@ -23,38 +23,51 @@ + - + {{item.title}} {{item.subTitle}} - 距砍价到{{item.salePrice/100}}元还差: - {{item.pressCurrentValue/100}}元 + 已砍至¥ {{item.salePrice/100}}原价{{item.priceStr}} + 已砍价到底价:{{item.salePrice/100}}元 + - 邀请好友砍价 + 邀请好友 + - 立即支付 - + 立即付款 +
- +
+ + + + + 还差5人即享最低 + 已至底价 + + +
{{content}}
+ 暂无数据 @@ -64,9 +77,7 @@ 暂无数据 - 砍价商品 - 我的砍价 + 砍价商品 + 我的砍价 - -
\ No newline at end of file diff --git a/pages/bargain/bargain.wxss b/pages/bargain/bargain.wxss index 1580508..5c774a9 100644 --- a/pages/bargain/bargain.wxss +++ b/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{ diff --git a/pages/index/searchbar/index.wxml b/pages/index/searchbar/index.wxml index f251292..efa5776 100644 --- a/pages/index/searchbar/index.wxml +++ b/pages/index/searchbar/index.wxml @@ -5,7 +5,7 @@ - + {{item.title}}