正在显示
27 个修改的文件
包含
1755 行增加
和
1205 行删除
1 | { | 1 | { |
2 | - "pages": [ | ||
3 | - "pages/start/start", | ||
4 | - "pages/index/index", | ||
5 | - "pages/my/orderDetail/orderDetail", | ||
6 | - "pages/my/big/big", | ||
7 | - "pages/my/activityInformation/activityInformation", | ||
8 | - "pages/my/serach/serach", | ||
9 | - "pages/my/selectAddress/selectAddress", | ||
10 | - "pages/my/editAddress2/editAddress2", | ||
11 | - "pages/my/edit_address/edit_address", | ||
12 | - "pages/my/editAddress/editAddress", | ||
13 | - "pages/my/myOrder/myOrder", | ||
14 | - "pages/index/production_steps/production_steps", | ||
15 | - "pages/my/myCollection/myCollection", | ||
16 | - "pages/index/goodsDetial2/goodsDetial2", | ||
17 | - "pages/index/goodsDetial/goodsDetial", | ||
18 | - "pages/my/modifyPersonInformation/modifyPersonInformation", | ||
19 | - "pages/my/modifyName/modifyName", | ||
20 | - "pages/my/invitationList/invitationList", | ||
21 | - "pages/my/invoiceInformation/invoiceInformation", | ||
22 | - "pages/my/invoice/invoice", | ||
23 | - "pages/my/commonProblems/commonProblems", | ||
24 | - "pages/my/myAddress/myAddress", | ||
25 | - "pages/my/invitationPolite/invitationPolite", | ||
26 | - "pages/my/comment/comment", | ||
27 | - "pages/my/coupons/coupons", | ||
28 | - "pages/my/balance _center2/balance _center2", | ||
29 | - "pages/my/charger_code/charger_code", | ||
30 | - "pages/my/balance _center/balance _center", | ||
31 | - "pages/my/my", | ||
32 | - "pages/cart/cart", | ||
33 | - "pages/index/selectAddress/selectAddress", | ||
34 | - "pages/my/newAddress/newAddress", | ||
35 | - "pages/my/modifyPhone/modifyPhone", | ||
36 | - "pages/my/personal_center/personal_center", | ||
37 | - "pages/my/showComment/showComment", | ||
38 | - "pages/index/replaceDishes/replaceDishes", | ||
39 | - "pages/cart/mask/mask", | ||
40 | - "pages/my/question_two/question_two", | ||
41 | - "pages/my/cancelOrder/cancelOrder", | ||
42 | - "pages/my/deliveryTime/deliveryTime", | ||
43 | - "pages/my/settle_account/settle_account", | ||
44 | - "pages/my/notice_detail/notice_detail", | ||
45 | - "pages/index/select_index/select_index", | ||
46 | - "pages/my/agreement/agreement/agreement", | ||
47 | - "pages/vip/vip_index/vip_index", | ||
48 | - "pages/my/suggestion/suggestion", | ||
49 | - "pages/index/special_list/special_list", | ||
50 | - "pages/my/myCollections/myCollections", | ||
51 | - "pages/my/unpayOrderDetail/unpayOrderDetail", | ||
52 | - "pages/index/user_comment/user_comment", | ||
53 | - "pages/index/safty/safty", | ||
54 | - "pages/index/search_result/search_result", | ||
55 | - "pages/index/searchResultByScreen/searchResultByScreen", | ||
56 | - "pages/my/Aftermarket/Aftermarket", | ||
57 | - "pages/my/afterMarketList/afterMarketList", | ||
58 | - "pages/my/aftermarketDetail/aftermarketDetail", | ||
59 | - "pages/my/unship/unship", | ||
60 | - "pages/my/uncomment/uncomment", | ||
61 | - "pages/index/search_select_result/search_select_result", | ||
62 | - "pages/my/wait_receite/wait_receite", | ||
63 | - "pages/index/pay_ensure/pay_ensure", | ||
64 | - "pages/index/select_source/select_source", | ||
65 | - "pages/index/safetyDetail/safetyDetail", | ||
66 | - "pages/index/foodPackageDetial/foodPackageDetial", | ||
67 | - "pages/my/invoiceList/invoiceList", | ||
68 | - "pages/vip/detail_vip/detail_vip", | ||
69 | - "pages/index/goodsDetials/goodsDetials", | ||
70 | - "pages/navigate/navigate", | ||
71 | - "pages/index/user_comment_detail/user_comment_detail" | ||
72 | - ], | ||
73 | - "window": { | ||
74 | - "backgroundTextStyle": "dark", | ||
75 | - "navigationBarBackgroundColor": "#1a191f", | ||
76 | - "navigationBarTitleText": "HI,鲜生", | ||
77 | - "navigationBarTextStyle": "white" | ||
78 | - }, | ||
79 | - "permission": { | ||
80 | - "scope.userLocation": { | ||
81 | - "desc": "你的位置信息将用于小程序位置接口的效果展示" | ||
82 | - } | ||
83 | - }, | ||
84 | - "tabBar": { | ||
85 | - "selectedColor": "#222222", | ||
86 | - "list": [ | ||
87 | - { | ||
88 | - "selectedIconPath": "pages/imgs/nav02@2x.png", | ||
89 | - "iconPath": "pages/imgs/nav01@2x.png", | ||
90 | - "pagePath": "pages/index/index", | ||
91 | - "text": "首页" | ||
92 | - }, | ||
93 | - { | ||
94 | - "selectedIconPath": "pages/imgs/nav04@2x.png", | ||
95 | - "iconPath": "pages/imgs/nav03@2x.png", | ||
96 | - "pagePath": "pages/cart/cart", | ||
97 | - "text": "购物车" | ||
98 | - }, | ||
99 | - { | ||
100 | - "selectedIconPath": "pages/imgs/nav06@2x.png", | ||
101 | - "iconPath": "pages/imgs/nav05@2x.png", | ||
102 | - "pagePath": "pages/my/my", | ||
103 | - "text": "个人中心" | ||
104 | - } | ||
105 | - ] | ||
106 | - }, | ||
107 | - "networkTimeout": { | ||
108 | - "request": 1000, | ||
109 | - "connectSocket": 1000, | ||
110 | - "uploadFile": 1000, | ||
111 | - "downloadFile": 1000 | ||
112 | - }, | ||
113 | - "sitemapLocation": "sitemap.json" | 2 | + "pages": [ |
3 | + "pages/start/start", | ||
4 | + "pages/index/index", | ||
5 | + "pages/my/orderDetail/orderDetail", | ||
6 | + "pages/my/big/big", | ||
7 | + "pages/my/activityInformation/activityInformation", | ||
8 | + "pages/my/serach/serach", | ||
9 | + "pages/my/selectAddress/selectAddress", | ||
10 | + "pages/my/editAddress2/editAddress2", | ||
11 | + "pages/my/edit_address/edit_address", | ||
12 | + "pages/my/editAddress/editAddress", | ||
13 | + "pages/my/myOrder/myOrder", | ||
14 | + "pages/index/production_steps/production_steps", | ||
15 | + "pages/my/myCollection/myCollection", | ||
16 | + "pages/index/goodsDetial2/goodsDetial2", | ||
17 | + "pages/index/goodsDetial/goodsDetial", | ||
18 | + "pages/my/modifyPersonInformation/modifyPersonInformation", | ||
19 | + "pages/my/modifyName/modifyName", | ||
20 | + "pages/my/invitationList/invitationList", | ||
21 | + "pages/my/invoiceInformation/invoiceInformation", | ||
22 | + "pages/my/invoice/invoice", | ||
23 | + "pages/my/commonProblems/commonProblems", | ||
24 | + "pages/my/myAddress/myAddress", | ||
25 | + "pages/my/invitationPolite/invitationPolite", | ||
26 | + "pages/my/comment/comment", | ||
27 | + "pages/my/coupons/coupons", | ||
28 | + "pages/my/balance _center2/balance _center2", | ||
29 | + "pages/my/charger_code/charger_code", | ||
30 | + "pages/my/balance _center/balance _center", | ||
31 | + "pages/my/my", | ||
32 | + "pages/cart/cart", | ||
33 | + "pages/index/selectAddress/selectAddress", | ||
34 | + "pages/my/newAddress/newAddress", | ||
35 | + "pages/my/modifyPhone/modifyPhone", | ||
36 | + "pages/my/personal_center/personal_center", | ||
37 | + "pages/my/showComment/showComment", | ||
38 | + "pages/index/replaceDishes/replaceDishes", | ||
39 | + "pages/cart/mask/mask", | ||
40 | + "pages/my/question_two/question_two", | ||
41 | + "pages/my/cancelOrder/cancelOrder", | ||
42 | + "pages/my/deliveryTime/deliveryTime", | ||
43 | + "pages/my/settle_account/settle_account", | ||
44 | + "pages/my/notice_detail/notice_detail", | ||
45 | + "pages/index/select_index/select_index", | ||
46 | + "pages/my/agreement/agreement/agreement", | ||
47 | + "pages/vip/vip_index/vip_index", | ||
48 | + "pages/my/suggestion/suggestion", | ||
49 | + "pages/index/special_list/special_list", | ||
50 | + "pages/my/myCollections/myCollections", | ||
51 | + "pages/my/unpayOrderDetail/unpayOrderDetail", | ||
52 | + "pages/index/user_comment/user_comment", | ||
53 | + "pages/index/safty/safty", | ||
54 | + "pages/index/search_result/search_result", | ||
55 | + "pages/index/searchResultByScreen/searchResultByScreen", | ||
56 | + "pages/my/Aftermarket/Aftermarket", | ||
57 | + "pages/my/afterMarketList/afterMarketList", | ||
58 | + "pages/my/aftermarketDetail/aftermarketDetail", | ||
59 | + "pages/my/unship/unship", | ||
60 | + "pages/my/uncomment/uncomment", | ||
61 | + "pages/index/search_select_result/search_select_result", | ||
62 | + "pages/my/wait_receite/wait_receite", | ||
63 | + "pages/index/pay_ensure/pay_ensure", | ||
64 | + "pages/index/select_source/select_source", | ||
65 | + "pages/index/safetyDetail/safetyDetail", | ||
66 | + "pages/index/foodPackageDetial/foodPackageDetial", | ||
67 | + "pages/my/invoiceList/invoiceList", | ||
68 | + "pages/vip/detail_vip/detail_vip", | ||
69 | + "pages/index/goodsDetials/goodsDetials", | ||
70 | + "pages/navigate/navigate", | ||
71 | + "pages/index/user_comment_detail/user_comment_detail", | ||
72 | + "pages/my/paySuccess/paySuccess" | ||
73 | + ], | ||
74 | + "window": { | ||
75 | + "backgroundTextStyle": "dark", | ||
76 | + "navigationBarBackgroundColor": "#1a191f", | ||
77 | + "navigationBarTitleText": "HI,鲜生", | ||
78 | + "navigationBarTextStyle": "white" | ||
79 | + }, | ||
80 | + "permission": { | ||
81 | + "scope.userLocation": { | ||
82 | + "desc": "你的位置信息将用于小程序位置接口的效果展示" | ||
83 | + } | ||
84 | + }, | ||
85 | + "tabBar": { | ||
86 | + "selectedColor": "#222222", | ||
87 | + "list": [ | ||
88 | + { | ||
89 | + "selectedIconPath": "pages/imgs/nav02@2x.png", | ||
90 | + "iconPath": "pages/imgs/nav01@2x.png", | ||
91 | + "pagePath": "pages/index/index", | ||
92 | + "text": "首页" | ||
93 | + }, | ||
94 | + { | ||
95 | + "selectedIconPath": "pages/imgs/nav04@2x.png", | ||
96 | + "iconPath": "pages/imgs/nav03@2x.png", | ||
97 | + "pagePath": "pages/cart/cart", | ||
98 | + "text": "购物车" | ||
99 | + }, | ||
100 | + { | ||
101 | + "selectedIconPath": "pages/imgs/nav06@2x.png", | ||
102 | + "iconPath": "pages/imgs/nav05@2x.png", | ||
103 | + "pagePath": "pages/my/my", | ||
104 | + "text": "个人中心" | ||
105 | + } | ||
106 | + ] | ||
107 | + }, | ||
108 | + "networkTimeout": { | ||
109 | + "request": 1000, | ||
110 | + "connectSocket": 1000, | ||
111 | + "uploadFile": 1000, | ||
112 | + "downloadFile": 1000 | ||
113 | + }, | ||
114 | + "sitemapLocation": "sitemap.json" | ||
114 | } | 115 | } |
@@ -9,12 +9,12 @@ | @@ -9,12 +9,12 @@ | ||
9 | 9 | ||
10 | @font-face { | 10 | @font-face { |
11 | font-family: 'iconfont'; /* project id 636259 */ | 11 | font-family: 'iconfont'; /* project id 636259 */ |
12 | - src: url('//at.alicdn.com/t/font_636259_21eqdmerlfuj.eot'); | ||
13 | - src: url('//at.alicdn.com/t/font_636259_21eqdmerlfuj.eot?#iefix') format('embedded-opentype'), | ||
14 | - url('//at.alicdn.com/t/font_636259_21eqdmerlfuj.woff2') format('woff2'), | ||
15 | - url('//at.alicdn.com/t/font_636259_21eqdmerlfuj.woff') format('woff'), | ||
16 | - url('//at.alicdn.com/t/font_636259_21eqdmerlfuj.ttf') format('truetype'), | ||
17 | - url('//at.alicdn.com/t/font_636259_21eqdmerlfuj.svg#iconfont') format('svg'); | 12 | + src: url('//at.alicdn.com/t/font_636259_h4mpxnqg2wu.eot'); |
13 | + src: url('//at.alicdn.com/t/font_636259_h4mpxnqg2wu.eot?#iefix') format('embedded-opentype'), | ||
14 | + url('//at.alicdn.com/t/font_636259_h4mpxnqg2wu.woff2') format('woff2'), | ||
15 | + url('//at.alicdn.com/t/font_636259_h4mpxnqg2wu.woff') format('woff'), | ||
16 | + url('//at.alicdn.com/t/font_636259_h4mpxnqg2wu.ttf') format('truetype'), | ||
17 | + url('//at.alicdn.com/t/font_636259_h4mpxnqg2wu.svg#iconfont') format('svg'); | ||
18 | } | 18 | } |
19 | /** | 19 | /** |
20 | * Eric Meyer's Reset CSS v2.0 (http://meyerweb.com/eric/tools/css/reset/) | 20 | * Eric Meyer's Reset CSS v2.0 (http://meyerweb.com/eric/tools/css/reset/) |
@@ -255,20 +255,25 @@ input, textarea { | @@ -255,20 +255,25 @@ input, textarea { | ||
255 | } | 255 | } |
256 | 256 | ||
257 | .good_btn { | 257 | .good_btn { |
258 | - height: 60rpx; | ||
259 | - width: 60rpx; | 258 | + height: 100rpx; |
259 | + width: 100rpx; | ||
260 | + padding: 20rpx; | ||
261 | + box-sizing: border-box; | ||
260 | display: flex; | 262 | display: flex; |
261 | align-items: center; | 263 | align-items: center; |
262 | justify-content: center; | 264 | justify-content: center; |
263 | - border-radius: 50%; | ||
264 | - background-color: #ffda44; | ||
265 | - box-shadow: 5rpx 0px 5rpx rgba(248, 207, 38, 0.3); | 265 | + text-align: center; |
266 | } | 266 | } |
267 | 267 | ||
268 | .icon-gouwuche { | 268 | .icon-gouwuche { |
269 | font-size: 29rpx; | 269 | font-size: 29rpx; |
270 | + line-height: 60rpx; | ||
270 | color: #444; | 271 | color: #444; |
271 | - | 272 | + width:60rpx; |
273 | + height: 60rpx; | ||
274 | + border-radius: 50%; | ||
275 | + background-color: #ffda44; | ||
276 | + box-shadow: 5rpx 0px 5rpx rgba(248, 207, 38, 0.3); | ||
272 | } | 277 | } |
273 | 278 | ||
274 | /* 头部信息 */ | 279 | /* 头部信息 */ |
@@ -307,13 +312,15 @@ input, textarea { | @@ -307,13 +312,15 @@ input, textarea { | ||
307 | 312 | ||
308 | 313 | ||
309 | 314 | ||
315 | + | ||
310 | @font-face { | 316 | @font-face { |
311 | font-family: 'iconfont'; /* project id 636259 */ | 317 | font-family: 'iconfont'; /* project id 636259 */ |
312 | - src: url('//at.alicdn.com/t/font_636259_xrf3sdkafk.eot'); | ||
313 | - src: url('//at.alicdn.com/t/font_636259_xrf3sdkafk.eot?#iefix') format('embedded-opentype'), | ||
314 | - url('//at.alicdn.com/t/font_636259_xrf3sdkafk.woff') format('woff'), | ||
315 | - url('//at.alicdn.com/t/font_636259_xrf3sdkafk.ttf') format('truetype'), | ||
316 | - url('//at.alicdn.com/t/font_636259_xrf3sdkafk.svg#iconfont') format('svg'); | 318 | + src: url('//at.alicdn.com/t/font_636259_h4mpxnqg2wu.eot'); |
319 | + src: url('//at.alicdn.com/t/font_636259_h4mpxnqg2wu.eot?#iefix') format('embedded-opentype'), | ||
320 | + url('//at.alicdn.com/t/font_636259_h4mpxnqg2wu.woff2') format('woff2'), | ||
321 | + url('//at.alicdn.com/t/font_636259_h4mpxnqg2wu.woff') format('woff'), | ||
322 | + url('//at.alicdn.com/t/font_636259_h4mpxnqg2wu.ttf') format('truetype'), | ||
323 | + url('//at.alicdn.com/t/font_636259_h4mpxnqg2wu.svg#iconfont') format('svg'); | ||
317 | } | 324 | } |
318 | 325 | ||
319 | 326 | ||
@@ -604,6 +611,10 @@ input, textarea { | @@ -604,6 +611,10 @@ input, textarea { | ||
604 | content: "\e63b" | 611 | content: "\e63b" |
605 | } | 612 | } |
606 | 613 | ||
614 | +.icon-duigoua:before{ | ||
615 | + content: "\e63c" | ||
616 | +} | ||
617 | + | ||
607 | 618 | ||
608 | 619 | ||
609 | 620 |
pages/imgs/duigoua.png
0 → 100644
3.0 KB
pages/imgs/fenxinag.png
0 → 100644
1.5 KB
@@ -3,7 +3,7 @@ const app = getApp(); | @@ -3,7 +3,7 @@ const app = getApp(); | ||
3 | Page({ | 3 | Page({ |
4 | 4 | ||
5 | /** | 5 | /** |
6 | - * 页面的初始数据 | 6 | + * 页面的初始数据 |
7 | */ | 7 | */ |
8 | data: { | 8 | data: { |
9 | imgUrl: app.globalData.imgUrl, | 9 | imgUrl: app.globalData.imgUrl, |
@@ -150,6 +150,9 @@ Page({ | @@ -150,6 +150,9 @@ Page({ | ||
150 | showList.push(ele) | 150 | showList.push(ele) |
151 | } | 151 | } |
152 | ele.t = false | 152 | ele.t = false |
153 | + if(indexxx<r.data.info.num){ | ||
154 | + ele.t=true | ||
155 | + } | ||
153 | ele.attr.attr_sku.forEach(function (eles, indexxxx) { | 156 | ele.attr.attr_sku.forEach(function (eles, indexxxx) { |
154 | for (let i = 0; i < eles.item.length; i++) { | 157 | for (let i = 0; i < eles.item.length; i++) { |
155 | eles.item[i].t = false | 158 | eles.item[i].t = false |
@@ -273,7 +276,7 @@ Page({ | @@ -273,7 +276,7 @@ Page({ | ||
273 | }) | 276 | }) |
274 | if ((n < goods.info.num && n > 0) || n > goods.info.num) { | 277 | if ((n < goods.info.num && n > 0) || n > goods.info.num) { |
275 | wx.showToast({ | 278 | wx.showToast({ |
276 | - title: '请选择' + num + '种商品', | 279 | + title: '您最多只能选择' + num + '种商品', |
277 | icon: 'none' | 280 | icon: 'none' |
278 | }) | 281 | }) |
279 | return; | 282 | return; |
@@ -487,11 +490,19 @@ Page({ | @@ -487,11 +490,19 @@ Page({ | ||
487 | let indexs = e.currentTarget.dataset.index | 490 | let indexs = e.currentTarget.dataset.index |
488 | let that = this | 491 | let that = this |
489 | let list = that.data.packageList | 492 | let list = that.data.packageList |
493 | + let n=0 | ||
490 | list.forEach(function (ele, index) { | 494 | list.forEach(function (ele, index) { |
491 | if (indexs == index) { | 495 | if (indexs == index) { |
492 | - console.log(ele.t + "之前") | ||
493 | ele.t = !ele.t | 496 | ele.t = !ele.t |
494 | - console.log(ele.t + "之后") | 497 | + } |
498 | + if(ele.t){ | ||
499 | + n++ | ||
500 | + } | ||
501 | + if(n>that.data.goods.info.num){ | ||
502 | + wx.showToast({ | ||
503 | + title: '您最多可选择'+that.data.goods.info.num+'种商品', | ||
504 | + icon:'none' | ||
505 | + }) | ||
495 | } | 506 | } |
496 | }) | 507 | }) |
497 | that.setData({ | 508 | that.setData({ |
@@ -3,7 +3,7 @@ | @@ -3,7 +3,7 @@ | ||
3 | <view class='detail_container {{show||shows?"active":""}}'> | 3 | <view class='detail_container {{show||shows?"active":""}}'> |
4 | <view class='banner' wx:if='{{!showMore}}'> | 4 | <view class='banner' wx:if='{{!showMore}}'> |
5 | <view class='iconfont icon-fanhui' catchtap='get_back'></view> | 5 | <view class='iconfont icon-fanhui' catchtap='get_back'></view> |
6 | - <view class='coupons'> | 6 | + <view class='coupons'> |
7 | <view class='goods_detail {{active?"active":""}}' bindtap='jump_goods'>商品详情</view> | 7 | <view class='goods_detail {{active?"active":""}}' bindtap='jump_goods'>商品详情</view> |
8 | <view class='graphic_detail {{!active?"active":""}}' bindtap='jump_detail'>图文详情</view> | 8 | <view class='graphic_detail {{!active?"active":""}}' bindtap='jump_detail'>图文详情</view> |
9 | </view> | 9 | </view> |
@@ -201,6 +201,7 @@ | @@ -201,6 +201,7 @@ | ||
201 | <view class='banner'> | 201 | <view class='banner'> |
202 | <view class='iconfont icon-fanhui' catchtap='closeShowMore'></view> | 202 | <view class='iconfont icon-fanhui' catchtap='closeShowMore'></view> |
203 | <view class='coupons'>商品详情</view> | 203 | <view class='coupons'>商品详情</view> |
204 | + <view class='share' catchtap='closeShowMore'>确定</view> | ||
204 | </view> | 205 | </view> |
205 | <view class='explaina'> | 206 | <view class='explaina'> |
206 | <view class='explain_one'> | 207 | <view class='explain_one'> |
@@ -213,7 +214,7 @@ | @@ -213,7 +214,7 @@ | ||
213 | </view> | 214 | </view> |
214 | <view class='three'> | 215 | <view class='three'> |
215 | <view class='collocation_boxa' wx:for='{{packageList}}' wx:for-index='index' wx:key='{{index}}' bindtap='goDetail' data-id='{{item.id}}'> | 216 | <view class='collocation_boxa' wx:for='{{packageList}}' wx:for-index='index' wx:key='{{index}}' bindtap='goDetail' data-id='{{item.id}}'> |
216 | - <view class='iconfont icon-weixuanzhong {{item.t?"active":""}}' catchtap='changeFlag' data-index='{{index}}'></view> | 217 | + <view class='iconfont icon-weixuanzhong xuanzhongda {{item.t?"active":""}}' catchtap='changeFlag' data-index='{{index}}'></view> |
217 | <view class='collocation_img'> | 218 | <view class='collocation_img'> |
218 | <image src='{{item.more.thumbnail}}'></image> | 219 | <image src='{{item.more.thumbnail}}'></image> |
219 | </view> | 220 | </view> |
1 | /* pages/index/goodsDetial/goodsDetial.wxss */ | 1 | /* pages/index/goodsDetial/goodsDetial.wxss */ |
2 | 2 | ||
3 | page { | 3 | page { |
4 | - background: #f3f5f5; | ||
5 | - width: 100%; | ||
6 | - height: 100%; | 4 | + background: #f3f5f5; |
5 | + width: 100%; | ||
6 | + height: 100%; | ||
7 | } | 7 | } |
8 | -.page{ | ||
9 | - width: 100%; | ||
10 | - height: 100% | 8 | + |
9 | +.page { | ||
10 | + width: 100%; | ||
11 | + height: 100%; | ||
11 | } | 12 | } |
12 | -.page.active{ | ||
13 | - overflow: hidden | 13 | + |
14 | +.page.active { | ||
15 | + overflow: hidden; | ||
14 | } | 16 | } |
17 | + | ||
15 | .big_box { | 18 | .big_box { |
16 | - width: 100%; | ||
17 | - height: 100%; | 19 | + width: 100%; |
20 | + height: 100%; | ||
18 | } | 21 | } |
19 | 22 | ||
20 | .detail_container { | 23 | .detail_container { |
21 | - width: 100%; | ||
22 | - height: 100%; | 24 | + width: 100%; |
25 | + height: 100%; | ||
23 | } | 26 | } |
24 | 27 | ||
25 | .detail_container.active { | 28 | .detail_container.active { |
26 | - overflow: hidden; | 29 | + overflow: hidden; |
27 | } | 30 | } |
28 | 31 | ||
29 | .coupons { | 32 | .coupons { |
30 | - font-size: 30rpx; | ||
31 | - color: #222; | ||
32 | - display: flex; | 33 | + font-size: 30rpx; |
34 | + color: #222; | ||
35 | + display: flex; | ||
33 | } | 36 | } |
34 | 37 | ||
35 | .goods_detail { | 38 | .goods_detail { |
36 | - font-weight: bold; | 39 | + font-weight: bold; |
37 | } | 40 | } |
38 | 41 | ||
39 | .goods_detail.active { | 42 | .goods_detail.active { |
40 | - border-bottom: 3rpx solid #ffda44; | 43 | + border-bottom: 3rpx solid #ffda44; |
41 | } | 44 | } |
42 | 45 | ||
43 | .graphic_detail { | 46 | .graphic_detail { |
44 | - font-weight: bold; | ||
45 | - margin-left: 56rpx; | 47 | + font-weight: bold; |
48 | + margin-left: 56rpx; | ||
46 | } | 49 | } |
47 | 50 | ||
48 | .graphic_detail.active { | 51 | .graphic_detail.active { |
49 | - border-bottom: 3rpx solid #ffda44; | 52 | + border-bottom: 3rpx solid #ffda44; |
50 | } | 53 | } |
51 | 54 | ||
52 | .share { | 55 | .share { |
53 | - font-size: 28rpx; | ||
54 | - color: #222; | 56 | + font-size: 28rpx; |
57 | + color: #222; | ||
55 | } | 58 | } |
56 | 59 | ||
57 | .share_btn { | 60 | .share_btn { |
58 | - background: transparent; | ||
59 | - padding: 0; | ||
60 | - margin: 0; | ||
61 | - border: 0 !important; | ||
62 | - color: #222; | ||
63 | - font-size: 28rpx; | ||
64 | - margin-top: 10rpx; | 61 | + background: transparent; |
62 | + padding: 0; | ||
63 | + margin: 0; | ||
64 | + border: 0 !important; | ||
65 | + color: #222; | ||
66 | + font-size: 28rpx; | ||
67 | + margin-top: 10rpx; | ||
65 | } | 68 | } |
66 | 69 | ||
67 | .banner { | 70 | .banner { |
68 | - position: fixed; | ||
69 | - z-index: 999999; | 71 | + position: fixed; |
72 | + z-index: 999999; | ||
70 | } | 73 | } |
71 | -.banner_box{ | ||
72 | - position: relative; | ||
73 | 74 | ||
75 | +.banner_box { | ||
76 | + position: relative; | ||
74 | } | 77 | } |
78 | + | ||
75 | .banner_img { | 79 | .banner_img { |
76 | - height: 630rpx; | ||
77 | - padding-top: 80rpx; | ||
78 | - box-sizing: border-box; | 80 | + height: 630rpx; |
81 | + padding-top: 80rpx; | ||
82 | + box-sizing: border-box; | ||
79 | } | 83 | } |
80 | 84 | ||
81 | .banner_img image { | 85 | .banner_img image { |
82 | - width: 100%; | ||
83 | - height: 100%; | 86 | + width: 100%; |
87 | + height: 100%; | ||
84 | } | 88 | } |
85 | 89 | ||
86 | .item_list { | 90 | .item_list { |
87 | - padding: 32rpx 25rpx; | ||
88 | - background-color: #fff; | ||
89 | - margin-bottom: 20rpx; | 91 | + padding: 32rpx 25rpx; |
92 | + background-color: #fff; | ||
93 | + margin-bottom: 20rpx; | ||
90 | } | 94 | } |
91 | 95 | ||
92 | .banner_title { | 96 | .banner_title { |
93 | - font-size: 34rpx; | ||
94 | - color: #222; | 97 | + font-size: 34rpx; |
98 | + color: #222; | ||
95 | } | 99 | } |
96 | 100 | ||
97 | .introduce { | 101 | .introduce { |
98 | - font-size: 28rpx; | ||
99 | - color: #888; | ||
100 | - text-overflow: ellipsis; | ||
101 | - overflow: hidden; | ||
102 | - white-space: nowrap; | ||
103 | - position: relative | 102 | + font-size: 28rpx; |
103 | + color: #888; | ||
104 | + text-overflow: ellipsis; | ||
105 | + overflow: hidden; | ||
106 | + white-space: nowrap; | ||
107 | + position: relative; | ||
104 | } | 108 | } |
105 | 109 | ||
106 | .banner_character { | 110 | .banner_character { |
107 | - display: flex; | ||
108 | - justify-content: space-between; | ||
109 | - align-items: center; | ||
110 | - font-size: 24rpx; | ||
111 | - color: #888; | ||
112 | - margin-top: 40rpx; | 111 | + display: flex; |
112 | + justify-content: space-between; | ||
113 | + align-items: center; | ||
114 | + font-size: 24rpx; | ||
115 | + color: #888; | ||
116 | + margin-top: 40rpx; | ||
113 | } | 117 | } |
114 | 118 | ||
115 | .banner_price { | 119 | .banner_price { |
116 | - display: flex; | ||
117 | - align-items: center; | ||
118 | - width: auto; | 120 | + display: flex; |
121 | + align-items: center; | ||
122 | + width: auto; | ||
119 | } | 123 | } |
120 | 124 | ||
121 | .money_icon { | 125 | .money_icon { |
122 | - font-size: 22rpx; | ||
123 | - color: #222; | 126 | + font-size: 22rpx; |
127 | + color: #222; | ||
124 | } | 128 | } |
125 | 129 | ||
126 | .money { | 130 | .money { |
127 | - font-size: 38rpx; | ||
128 | - font-weight: bold; | ||
129 | - color: #222; | 131 | + font-size: 38rpx; |
132 | + font-weight: bold; | ||
133 | + color: #222; | ||
130 | } | 134 | } |
131 | 135 | ||
132 | .original_price { | 136 | .original_price { |
133 | - color: #888; | ||
134 | - text-decoration: line-through; | 137 | + color: #888; |
138 | + text-decoration: line-through; | ||
135 | } | 139 | } |
136 | 140 | ||
137 | .display_box { | 141 | .display_box { |
138 | - width: auto; | ||
139 | - margin-left: 40rpx; | ||
140 | - display: flex; | ||
141 | - align-items: center | 142 | + width: auto; |
143 | + margin-left: 40rpx; | ||
144 | + display: flex; | ||
145 | + align-items: center; | ||
142 | } | 146 | } |
143 | 147 | ||
144 | .money_icon2 { | 148 | .money_icon2 { |
145 | - font-size: 22rpx; | ||
146 | - color: #f44; | 149 | + font-size: 22rpx; |
150 | + color: #f44; | ||
147 | } | 151 | } |
148 | 152 | ||
149 | .money2 { | 153 | .money2 { |
150 | - font-size: 38rpx; | ||
151 | - font-weight: bold; | ||
152 | - color: #f44; | 154 | + font-size: 38rpx; |
155 | + font-weight: bold; | ||
156 | + color: #f44; | ||
153 | } | 157 | } |
154 | 158 | ||
155 | .vip { | 159 | .vip { |
156 | - width: 80rpx; | ||
157 | - height: 25rpx; | ||
158 | - margin-left: 5rpx; | 160 | + width: 80rpx; |
161 | + height: 25rpx; | ||
162 | + margin-left: 5rpx; | ||
159 | } | 163 | } |
160 | 164 | ||
161 | -.vip image{ | ||
162 | - width: 100%; | ||
163 | - height: 100% | 165 | +.vip image { |
166 | + width: 100%; | ||
167 | + height: 100%; | ||
164 | } | 168 | } |
165 | 169 | ||
166 | .list_content { | 170 | .list_content { |
167 | - display: flex; | ||
168 | - justify-content: space-between; | ||
169 | - align-items: center; | 171 | + display: flex; |
172 | + justify-content: space-between; | ||
173 | + align-items: center; | ||
170 | } | 174 | } |
171 | 175 | ||
172 | .content_title { | 176 | .content_title { |
173 | - display: flex; | 177 | + display: flex; |
174 | } | 178 | } |
175 | 179 | ||
176 | .title { | 180 | .title { |
177 | - font-size: 24rpx; | ||
178 | - color: #888; | 181 | + font-size: 24rpx; |
182 | + color: #888; | ||
179 | } | 183 | } |
180 | 184 | ||
181 | .content { | 185 | .content { |
182 | - font-size: 24rpx; | ||
183 | - color: #222; | ||
184 | - margin-left: 47rpx; | 186 | + font-size: 24rpx; |
187 | + color: #222; | ||
188 | + margin-left: 47rpx; | ||
185 | } | 189 | } |
186 | 190 | ||
187 | .icon-jinru { | 191 | .icon-jinru { |
188 | - font-size: 22rpx; | ||
189 | - color: #c7c7c7; | 192 | + font-size: 22rpx; |
193 | + color: #c7c7c7; | ||
190 | } | 194 | } |
191 | 195 | ||
192 | .more_box { | 196 | .more_box { |
193 | - font-size: 24rpx; | ||
194 | - color: #949a9a; | ||
195 | - border-top: 1rpx solid #ededed; | ||
196 | - display: flex; | ||
197 | - justify-content: center; | ||
198 | - align-items: center; | ||
199 | - padding-top: 24rpx; | ||
200 | - margin-top: 35rpx; | 197 | + font-size: 24rpx; |
198 | + color: #949a9a; | ||
199 | + border-top: 1rpx solid #ededed; | ||
200 | + display: flex; | ||
201 | + justify-content: center; | ||
202 | + align-items: center; | ||
203 | + padding-top: 24rpx; | ||
204 | + margin-top: 35rpx; | ||
201 | } | 205 | } |
202 | 206 | ||
203 | .icon-zhankai { | 207 | .icon-zhankai { |
204 | - font-size: 14rpx; | ||
205 | - margin-left: 10rpx; | 208 | + font-size: 14rpx; |
209 | + margin-left: 10rpx; | ||
206 | } | 210 | } |
207 | 211 | ||
208 | .item_list1 { | 212 | .item_list1 { |
209 | - background-color: #fff; | ||
210 | - margin-bottom: 20rpx; | ||
211 | - display: flex; | ||
212 | - justify-content: space-between; | ||
213 | - align-items: center; | ||
214 | - padding: 19rpx 16rpx; | 213 | + background-color: #fff; |
214 | + margin-bottom: 20rpx; | ||
215 | + display: flex; | ||
216 | + justify-content: space-between; | ||
217 | + align-items: center; | ||
218 | + padding: 19rpx 16rpx; | ||
215 | } | 219 | } |
216 | 220 | ||
217 | .hint1 { | 221 | .hint1 { |
218 | - font-size: 22rpx; | ||
219 | - color: #222; | ||
220 | - background-color: #fafafa; | ||
221 | - border-radius: 12rpx; | ||
222 | - padding: 25rpx 39rpx; | 222 | + font-size: 22rpx; |
223 | + color: #222; | ||
224 | + background-color: #fafafa; | ||
225 | + border-radius: 12rpx; | ||
226 | + padding: 25rpx 39rpx; | ||
223 | } | 227 | } |
224 | 228 | ||
225 | .cash_back { | 229 | .cash_back { |
226 | - font-size: 28rpx; | ||
227 | - font-weight: bold; | ||
228 | - color: #222; | 230 | + font-size: 28rpx; |
231 | + font-weight: bold; | ||
232 | + color: #222; | ||
229 | } | 233 | } |
230 | 234 | ||
231 | .red_font { | 235 | .red_font { |
232 | - font-weight: bold; | ||
233 | - color: #f44; | 236 | + font-weight: bold; |
237 | + color: #f44; | ||
234 | } | 238 | } |
235 | 239 | ||
236 | .item_list7 { | 240 | .item_list7 { |
237 | - padding: 31rpx 25rpx 25rpx 25rpx; | 241 | + padding: 31rpx 25rpx 25rpx 25rpx; |
238 | } | 242 | } |
239 | 243 | ||
240 | .attribute { | 244 | .attribute { |
241 | - width: 375rpx; | ||
242 | - display: flex; | ||
243 | - align-items: center; | ||
244 | - /* margin-left: 49rpx; */ | 245 | + width: 375rpx; |
246 | + display: flex; | ||
247 | + align-items: center; | ||
248 | + /* margin-left: 49rpx; */ | ||
245 | } | 249 | } |
246 | 250 | ||
247 | .attribute_titel { | 251 | .attribute_titel { |
248 | - font-size: 26rpx; | ||
249 | - color: #94999a; | 252 | + font-size: 26rpx; |
253 | + color: #94999a; | ||
250 | } | 254 | } |
251 | 255 | ||
252 | .stars { | 256 | .stars { |
253 | - display: flex; | ||
254 | - font-size: 26rpx; | ||
255 | - color: #222; | ||
256 | - margin-left: 35rpx; | 257 | + display: flex; |
258 | + font-size: 26rpx; | ||
259 | + color: #222; | ||
260 | + margin-left: 35rpx; | ||
257 | } | 261 | } |
258 | 262 | ||
259 | .icon-pingfen { | 263 | .icon-pingfen { |
260 | - font-size: 26rpx; | ||
261 | - color: #222; | 264 | + font-size: 26rpx; |
265 | + color: #222; | ||
262 | } | 266 | } |
263 | 267 | ||
264 | .attribute_content { | 268 | .attribute_content { |
265 | - font-size: 26rpx; | ||
266 | - color: #222; | ||
267 | - margin-left: 113rpx; | 269 | + font-size: 26rpx; |
270 | + color: #222; | ||
271 | + margin-left: 113rpx; | ||
268 | } | 272 | } |
269 | 273 | ||
270 | -.item_list2, .item_list3, .item_list4, .itme_list5, .item_list6, .item_list7 , .item_list10 { | ||
271 | - background-color: #fff; | ||
272 | - margin-bottom: 20rpx; | 274 | +.item_list2, .item_list3, .item_list4, .itme_list5, .item_list6, .item_list7, |
275 | +.item_list10 { | ||
276 | + background-color: #fff; | ||
277 | + margin-bottom: 20rpx; | ||
273 | } | 278 | } |
274 | 279 | ||
275 | .user_evaluation { | 280 | .user_evaluation { |
276 | - display: flex; | ||
277 | - justify-content: space-between; | ||
278 | - align-items: center; | ||
279 | - border-bottom: 1rpx solid #f3f5f5; | ||
280 | - padding: 31rpx 25rpx; | 281 | + display: flex; |
282 | + justify-content: space-between; | ||
283 | + align-items: center; | ||
284 | + border-bottom: 1rpx solid #f3f5f5; | ||
285 | + padding: 31rpx 25rpx; | ||
281 | } | 286 | } |
282 | 287 | ||
283 | .user_evaluation_title { | 288 | .user_evaluation_title { |
284 | - font-size: 30rpx; | ||
285 | - font-weight: bold; | ||
286 | - color: #222; | 289 | + font-size: 30rpx; |
290 | + font-weight: bold; | ||
291 | + color: #222; | ||
287 | } | 292 | } |
288 | 293 | ||
289 | .user_evaluation_time { | 294 | .user_evaluation_time { |
290 | - font-size: 24rpx; | ||
291 | - color: #c7c7c7; | ||
292 | - display: flex; | ||
293 | - align-items: center; | 295 | + font-size: 24rpx; |
296 | + color: #c7c7c7; | ||
297 | + display: flex; | ||
298 | + align-items: center; | ||
294 | } | 299 | } |
295 | 300 | ||
296 | .comments_btn { | 301 | .comments_btn { |
297 | - display: flex; | ||
298 | - justify-content: flex-end; | ||
299 | - align-items: center; | ||
300 | - font-size: 23rpx; | ||
301 | - color: #949a9a; | ||
302 | - margin-top: 24rpx; | 302 | + display: flex; |
303 | + justify-content: flex-end; | ||
304 | + align-items: center; | ||
305 | + font-size: 23rpx; | ||
306 | + color: #949a9a; | ||
307 | + margin-top: 24rpx; | ||
303 | } | 308 | } |
304 | 309 | ||
305 | .icon-message { | 310 | .icon-message { |
306 | - font-size: 22rpx; | ||
307 | - color: #949a9a; | ||
308 | - margin-right: 10rpx; | 311 | + font-size: 22rpx; |
312 | + color: #949a9a; | ||
313 | + margin-right: 10rpx; | ||
309 | } | 314 | } |
310 | 315 | ||
311 | .user_information_box { | 316 | .user_information_box { |
312 | - padding: 31rpx 25rpx 25rpx 25rpx; | 317 | + padding: 31rpx 25rpx 25rpx 25rpx; |
313 | } | 318 | } |
314 | 319 | ||
315 | .user_information { | 320 | .user_information { |
316 | - display: flex; | ||
317 | - justify-content: space-between; | ||
318 | - align-items: center; | 321 | + display: flex; |
322 | + justify-content: space-between; | ||
323 | + align-items: center; | ||
319 | } | 324 | } |
320 | 325 | ||
321 | .head_portrait { | 326 | .head_portrait { |
322 | - width: 62rpx; | ||
323 | - height: 62rpx; | 327 | + width: 62rpx; |
328 | + height: 62rpx; | ||
324 | } | 329 | } |
325 | 330 | ||
326 | .head_portrait image { | 331 | .head_portrait image { |
327 | - width: 100%; | ||
328 | - height: 100%; | 332 | + width: 100%; |
333 | + height: 100%; | ||
329 | } | 334 | } |
330 | 335 | ||
331 | .star_box { | 336 | .star_box { |
332 | - margin-left: 25rpx; | 337 | + margin-left: 25rpx; |
333 | } | 338 | } |
334 | 339 | ||
335 | .the_star { | 340 | .the_star { |
336 | - display: flex; | ||
337 | - align-items: center; | 341 | + display: flex; |
342 | + align-items: center; | ||
338 | } | 343 | } |
339 | 344 | ||
340 | .stars1 { | 345 | .stars1 { |
341 | - display: flex; | 346 | + display: flex; |
342 | } | 347 | } |
343 | 348 | ||
344 | .user_name { | 349 | .user_name { |
345 | - font-size: 26rpx; | ||
346 | - color: #222; | 350 | + font-size: 26rpx; |
351 | + color: #222; | ||
347 | } | 352 | } |
348 | 353 | ||
349 | .evaluation { | 354 | .evaluation { |
350 | - font-size: 24rpx; | ||
351 | - color: #222; | ||
352 | - margin-top: 25rpx; | 355 | + font-size: 24rpx; |
356 | + color: #222; | ||
357 | + margin-top: 25rpx; | ||
353 | } | 358 | } |
354 | 359 | ||
355 | .evaluation_img { | 360 | .evaluation_img { |
356 | - margin-top: 21rpx; | 361 | + margin-top: 21rpx; |
357 | } | 362 | } |
358 | 363 | ||
359 | .upload_img_box { | 364 | .upload_img_box { |
360 | - display: flex; | 365 | + display: flex; |
361 | } | 366 | } |
362 | 367 | ||
363 | .upload_img { | 368 | .upload_img { |
364 | - width: 160rpx; | ||
365 | - height: 160rpx; | ||
366 | - margin-right: 20rpx; | 369 | + width: 160rpx; |
370 | + height: 160rpx; | ||
371 | + margin-right: 20rpx; | ||
367 | } | 372 | } |
368 | 373 | ||
369 | .upload_img image { | 374 | .upload_img image { |
370 | - width: 100%; | ||
371 | - height: 100%; | 375 | + width: 100%; |
376 | + height: 100%; | ||
372 | } | 377 | } |
373 | 378 | ||
374 | .item_list3 { | 379 | .item_list3 { |
375 | - padding: 39rpx 25rpx 40rpx 25rpx; | 380 | + padding: 39rpx 25rpx 40rpx 25rpx; |
376 | } | 381 | } |
377 | 382 | ||
378 | .package_title { | 383 | .package_title { |
379 | - font-size: 30rpx; | ||
380 | - font-weight: bold; | ||
381 | - color: #222; | 384 | + font-size: 30rpx; |
385 | + font-weight: bold; | ||
386 | + color: #222; | ||
382 | } | 387 | } |
383 | 388 | ||
384 | .package_box { | 389 | .package_box { |
385 | - display: flex; | ||
386 | - margin-top: 44rpx; | 390 | + display: flex; |
391 | + margin-top: 44rpx; | ||
387 | } | 392 | } |
388 | 393 | ||
389 | .package_img_box { | 394 | .package_img_box { |
390 | - width: 200rpx; | ||
391 | - height: 200rpx; | 395 | + width: 200rpx; |
396 | + height: 200rpx; | ||
392 | } | 397 | } |
393 | 398 | ||
394 | .package_img { | 399 | .package_img { |
395 | - width: 200rpx; | ||
396 | - height: 200rpx; | 400 | + width: 200rpx; |
401 | + height: 200rpx; | ||
397 | } | 402 | } |
398 | 403 | ||
399 | .package_img image { | 404 | .package_img image { |
400 | - width: 100%; | ||
401 | - height: 100%; | 405 | + width: 100%; |
406 | + height: 100%; | ||
402 | } | 407 | } |
403 | 408 | ||
404 | .package_content { | 409 | .package_content { |
405 | - font-size: 30rpx; | ||
406 | - color: #222; | ||
407 | - margin-left: 40rpx; | 410 | + font-size: 30rpx; |
411 | + color: #222; | ||
412 | + margin-left: 40rpx; | ||
408 | } | 413 | } |
409 | 414 | ||
410 | .package_hint { | 415 | .package_hint { |
411 | - font-size: 24rpx; | ||
412 | - color: #94999a; | 416 | + font-size: 24rpx; |
417 | + color: #94999a; | ||
413 | } | 418 | } |
414 | 419 | ||
415 | .pickage_display { | 420 | .pickage_display { |
416 | - font-size: 24rpx; | ||
417 | - color: #f44; | ||
418 | - margin-top: 47rpx; | 421 | + font-size: 24rpx; |
422 | + color: #f44; | ||
423 | + margin-top: 47rpx; | ||
419 | } | 424 | } |
420 | 425 | ||
421 | .item_list4 { | 426 | .item_list4 { |
422 | - padding: 46rpx 44rpx; | 427 | + padding: 46rpx 44rpx; |
423 | } | 428 | } |
424 | 429 | ||
425 | .detection_item { | 430 | .detection_item { |
426 | - display: flex; | ||
427 | - justify-content: space-around; | ||
428 | - margin-top: 58rpx; | 431 | + display: flex; |
432 | + justify-content: space-around; | ||
433 | + margin-top: 58rpx; | ||
429 | } | 434 | } |
430 | 435 | ||
431 | .detection { | 436 | .detection { |
432 | - display: flex; | ||
433 | - justify-content: center; | ||
434 | - align-items: center; | 437 | + display: flex; |
438 | + justify-content: center; | ||
439 | + align-items: center; | ||
435 | } | 440 | } |
436 | 441 | ||
437 | .line1 { | 442 | .line1 { |
438 | - width: 115rpx; | ||
439 | - height: 1rpx; | ||
440 | - background: linear-gradient(to right, #fff, #bbb); | 443 | + width: 115rpx; |
444 | + height: 1rpx; | ||
445 | + background: linear-gradient(to right, #fff, #bbb); | ||
441 | } | 446 | } |
442 | 447 | ||
443 | .line2 { | 448 | .line2 { |
444 | - width: 115rpx; | ||
445 | - height: 1rpx; | ||
446 | - background: linear-gradient(to left, #fff, #bbb); | 449 | + width: 115rpx; |
450 | + height: 1rpx; | ||
451 | + background: linear-gradient(to left, #fff, #bbb); | ||
447 | } | 452 | } |
448 | 453 | ||
449 | .detection_title { | 454 | .detection_title { |
450 | - font-size: 26rpx; | ||
451 | - color: #222; | ||
452 | - margin: 0 30rpx; | 455 | + font-size: 26rpx; |
456 | + color: #222; | ||
457 | + margin: 0 30rpx; | ||
453 | } | 458 | } |
454 | 459 | ||
455 | .detection_box { | 460 | .detection_box { |
456 | - font-size: 26rpx; | ||
457 | - color: #222; | 461 | + font-size: 26rpx; |
462 | + color: #222; | ||
458 | } | 463 | } |
459 | 464 | ||
460 | .detection_img { | 465 | .detection_img { |
461 | - margin: 0 auto 23rpx; | ||
462 | - width: 54rpx; | ||
463 | - height: 54rpx; | 466 | + margin: 0 auto 23rpx; |
467 | + width: 54rpx; | ||
468 | + height: 54rpx; | ||
464 | } | 469 | } |
465 | 470 | ||
466 | .detection_img image { | 471 | .detection_img image { |
467 | - width: 100%; | ||
468 | - height: 100%; | 472 | + width: 100%; |
473 | + height: 100%; | ||
469 | } | 474 | } |
470 | 475 | ||
471 | .detection_hint { | 476 | .detection_hint { |
472 | - font-size: 22rpx; | ||
473 | - color: #94999a; | ||
474 | - text-align: center; | ||
475 | - margin-top: 20rpx; | 477 | + font-size: 22rpx; |
478 | + color: #94999a; | ||
479 | + text-align: center; | ||
480 | + margin-top: 20rpx; | ||
476 | } | 481 | } |
477 | 482 | ||
478 | .itme_list5 { | 483 | .itme_list5 { |
479 | - position: relative; | ||
480 | - padding: 45rpx 25rpx 30rpx 25rpx; | ||
481 | - box-sizing: border-box; | 484 | + position: relative; |
485 | + padding: 45rpx 25rpx 30rpx 25rpx; | ||
486 | + box-sizing: border-box; | ||
482 | } | 487 | } |
483 | 488 | ||
484 | .recommended_box { | 489 | .recommended_box { |
485 | - width: 150rpx; | ||
486 | - height: 45rpx; | ||
487 | - display: flex; | ||
488 | - align-items: center; | ||
489 | - justify-content: center; | ||
490 | - background: #ffda44; | ||
491 | - border-radius: 0 0 16rpx 16rpx; | ||
492 | - font-size: 22rpx; | ||
493 | - color: #333; | ||
494 | - position: absolute; | ||
495 | - right: 24rpx; | ||
496 | - top: 0; | 490 | + width: 150rpx; |
491 | + height: 45rpx; | ||
492 | + display: flex; | ||
493 | + align-items: center; | ||
494 | + justify-content: center; | ||
495 | + background: #ffda44; | ||
496 | + border-radius: 0 0 16rpx 16rpx; | ||
497 | + font-size: 22rpx; | ||
498 | + color: #333; | ||
499 | + position: absolute; | ||
500 | + right: 24rpx; | ||
501 | + top: 0; | ||
497 | } | 502 | } |
498 | 503 | ||
499 | .foretaste_box { | 504 | .foretaste_box { |
500 | - display: flex; | ||
501 | - align-items: center; | ||
502 | - font-size: 30rpx; | 505 | + display: flex; |
506 | + align-items: center; | ||
507 | + font-size: 30rpx; | ||
503 | } | 508 | } |
504 | 509 | ||
505 | .buyer_recommend { | 510 | .buyer_recommend { |
506 | - font-size: 22rpx; | ||
507 | - color: #94999a; | ||
508 | - margin-left: 20rpx; | 511 | + font-size: 22rpx; |
512 | + color: #94999a; | ||
513 | + margin-left: 20rpx; | ||
509 | } | 514 | } |
510 | 515 | ||
511 | .buyer_name { | 516 | .buyer_name { |
512 | - font-size: 30rpx; | ||
513 | - color: #222; | 517 | + font-size: 30rpx; |
518 | + color: #222; | ||
514 | } | 519 | } |
515 | 520 | ||
516 | .recommend_content { | 521 | .recommend_content { |
517 | - background-color: #fafafa; | ||
518 | - border-radius: 16rpx; | ||
519 | - padding: 25rpx 25rpx 25rpx 25rpx; | ||
520 | - margin-top: 30rpx; | ||
521 | - font-size: 26rpx; | ||
522 | - color: #222; | ||
523 | - position: relative; | 522 | + background-color: #fafafa; |
523 | + border-radius: 16rpx; | ||
524 | + padding: 25rpx 25rpx 25rpx 25rpx; | ||
525 | + margin-top: 30rpx; | ||
526 | + font-size: 26rpx; | ||
527 | + color: #222; | ||
528 | + position: relative; | ||
524 | } | 529 | } |
525 | 530 | ||
526 | .icon-shangyinhao { | 531 | .icon-shangyinhao { |
527 | - font-size: 22rpx; | ||
528 | - color: #e3e3e3; | 532 | + font-size: 22rpx; |
533 | + color: #e3e3e3; | ||
529 | } | 534 | } |
530 | 535 | ||
531 | .triangle { | 536 | .triangle { |
532 | - width: 0; | ||
533 | - height: 0; | ||
534 | - border-left: 60rpx solid #fafafa; | ||
535 | - border-top: 30rpx solid transparent; | ||
536 | - border-bottom: 30rpx solid transparent; | ||
537 | - position: absolute; | ||
538 | - top: -30rpx; | ||
539 | - left: 50rpx; | 537 | + width: 0; |
538 | + height: 0; | ||
539 | + border-left: 60rpx solid #fafafa; | ||
540 | + border-top: 30rpx solid transparent; | ||
541 | + border-bottom: 30rpx solid transparent; | ||
542 | + position: absolute; | ||
543 | + top: -30rpx; | ||
544 | + left: 50rpx; | ||
540 | } | 545 | } |
541 | 546 | ||
542 | .recommend_character { | 547 | .recommend_character { |
543 | - margin-left: 10rpx; | 548 | + margin-left: 10rpx; |
544 | } | 549 | } |
545 | 550 | ||
546 | .ingredients { | 551 | .ingredients { |
547 | - margin-top: 40rpx; | 552 | + margin-top: 40rpx; |
548 | } | 553 | } |
549 | 554 | ||
550 | .ingredients_title { | 555 | .ingredients_title { |
551 | - font-size: 30rpx; | ||
552 | - font-weight: bold; | ||
553 | - color: #222; | ||
554 | - text-align: center; | ||
555 | - margin-bottom: 41rpx; | 556 | + font-size: 30rpx; |
557 | + font-weight: bold; | ||
558 | + color: #222; | ||
559 | + text-align: center; | ||
560 | + margin-bottom: 41rpx; | ||
556 | } | 561 | } |
557 | 562 | ||
558 | .ingredients_img { | 563 | .ingredients_img { |
559 | - width: 280rpx; | ||
560 | - height: 280rpx; | ||
561 | - margin-right: 34rpx; | 564 | + width: 280rpx; |
565 | + height: 280rpx; | ||
566 | + margin-right: 34rpx; | ||
562 | } | 567 | } |
563 | 568 | ||
564 | .ingredients_box { | 569 | .ingredients_box { |
565 | - display: flex; | 570 | + display: flex; |
566 | } | 571 | } |
567 | 572 | ||
568 | .ingredients_img image { | 573 | .ingredients_img image { |
569 | - width: 100%; | ||
570 | - height: 100%; | 574 | + width: 100%; |
575 | + height: 100%; | ||
571 | } | 576 | } |
572 | 577 | ||
573 | .ingredients_item { | 578 | .ingredients_item { |
574 | - width: 400rpx; | ||
575 | - font-size: 26rpx; | ||
576 | - display: flex; | ||
577 | - /* margin-left: 34rpx; */ | ||
578 | - margin-top: 34rpx; | ||
579 | - /* border: 1px solid red; */ | 579 | + width: 400rpx; |
580 | + font-size: 26rpx; | ||
581 | + display: flex; | ||
582 | + /* margin-left: 34rpx; */ | ||
583 | + margin-top: 34rpx; | ||
584 | + /* border: 1px solid red; */ | ||
580 | } | 585 | } |
581 | 586 | ||
582 | .ingredients_name { | 587 | .ingredients_name { |
583 | - color: #94999a; | ||
584 | - width: 80rpx; | 588 | + color: #94999a; |
589 | + width: 80rpx; | ||
585 | } | 590 | } |
586 | 591 | ||
587 | .ingredients_content { | 592 | .ingredients_content { |
588 | - width: 300rpx; | ||
589 | - display: flex; | ||
590 | - flex-wrap: wrap; | ||
591 | - margin-left: 30rpx; | 593 | + width: 300rpx; |
594 | + display: flex; | ||
595 | + flex-wrap: wrap; | ||
596 | + margin-left: 30rpx; | ||
592 | } | 597 | } |
593 | 598 | ||
594 | .graphic_ingredients_box { | 599 | .graphic_ingredients_box { |
595 | - margin-top: 40rpx; | 600 | + margin-top: 40rpx; |
596 | } | 601 | } |
597 | 602 | ||
598 | .graphic_ingredients { | 603 | .graphic_ingredients { |
599 | - height: 200rpx; | ||
600 | - border: 1rpx solid red; | ||
601 | - display: flex; | ||
602 | - align-items: center; | ||
603 | - justify-content: center; | ||
604 | - background-image: url('http://hifresh.w.bronet.cn/assets/wxapp/keshihua@2x.png'); | ||
605 | - margin-bottom: 20rpx; | 604 | + height: 200rpx; |
605 | + border: 1rpx solid red; | ||
606 | + display: flex; | ||
607 | + align-items: center; | ||
608 | + justify-content: center; | ||
609 | + background-image: url('http://hifresh.w.bronet.cn/assets/wxapp/keshihua@2x.png'); | ||
610 | + margin-bottom: 20rpx; | ||
606 | } | 611 | } |
607 | 612 | ||
608 | .graphic_ingredients_background { | 613 | .graphic_ingredients_background { |
609 | - width: 450rpx; | ||
610 | - height: 110rpx; | ||
611 | - background-color: #ffb244; | ||
612 | - display: flex; | ||
613 | - align-items: center; | ||
614 | - justify-content: center; | 614 | + width: 450rpx; |
615 | + height: 110rpx; | ||
616 | + background-color: #ffb244; | ||
617 | + display: flex; | ||
618 | + align-items: center; | ||
619 | + justify-content: center; | ||
615 | } | 620 | } |
616 | 621 | ||
617 | .graphic_ingredients_border { | 622 | .graphic_ingredients_border { |
618 | - font-size: 38rpx; | ||
619 | - color: #fff; | ||
620 | - width: 430rpx; | ||
621 | - height: 90rpx; | ||
622 | - border: 1rpx solid #fff; | ||
623 | - display: flex; | ||
624 | - align-items: center; | ||
625 | - justify-content: center; | 623 | + font-size: 38rpx; |
624 | + color: #fff; | ||
625 | + width: 430rpx; | ||
626 | + height: 90rpx; | ||
627 | + border: 1rpx solid #fff; | ||
628 | + display: flex; | ||
629 | + align-items: center; | ||
630 | + justify-content: center; | ||
626 | } | 631 | } |
627 | 632 | ||
628 | .item_list6 { | 633 | .item_list6 { |
629 | - padding: 30rpx 25rpx; | ||
630 | - margin-bottom: 120rpx; | 634 | + padding: 30rpx 25rpx; |
635 | + margin-bottom: 120rpx; | ||
631 | } | 636 | } |
632 | -.item_list10{ | ||
633 | - padding: 30rpx 25rpx; | ||
634 | - box-sizing: border-box | 637 | + |
638 | +.item_list10 { | ||
639 | + padding: 30rpx 25rpx; | ||
640 | + box-sizing: border-box; | ||
635 | } | 641 | } |
636 | 642 | ||
637 | .collocation_title { | 643 | .collocation_title { |
638 | - font-size: 30rpx; | ||
639 | - font-weight: bold; | ||
640 | - color: #222; | ||
641 | - margin-bottom: 40rpx; | 644 | + font-size: 30rpx; |
645 | + font-weight: bold; | ||
646 | + color: #222; | ||
647 | + margin-bottom: 40rpx; | ||
642 | } | 648 | } |
643 | 649 | ||
644 | .collocation { | 650 | .collocation { |
645 | - display: flex; | ||
646 | - justify-content: space-between; | ||
647 | - flex-wrap: wrap; | 651 | + display: flex; |
652 | + justify-content: space-between; | ||
653 | + flex-wrap: wrap; | ||
648 | } | 654 | } |
649 | 655 | ||
650 | .collocation_box { | 656 | .collocation_box { |
651 | - width: 340rpx; | ||
652 | - border-radius: 16rpx; | ||
653 | - overflow: hidden; | ||
654 | - margin-bottom:20rpx; | 657 | + width: 340rpx; |
658 | + border-radius: 16rpx; | ||
659 | + overflow: hidden; | ||
660 | + margin-bottom: 20rpx; | ||
655 | } | 661 | } |
656 | 662 | ||
657 | .collocation_img { | 663 | .collocation_img { |
658 | - width: 340rpx; | ||
659 | - height: 340rpx; | 664 | + width: 340rpx; |
665 | + height: 340rpx; | ||
660 | } | 666 | } |
661 | 667 | ||
662 | .collocation_img image { | 668 | .collocation_img image { |
663 | - width: 100%; | ||
664 | - height: 100%; | 669 | + width: 100%; |
670 | + height: 100%; | ||
665 | } | 671 | } |
666 | 672 | ||
667 | .collocation_content { | 673 | .collocation_content { |
668 | - background: #fafafa; | ||
669 | - font-size: 30rpx; | ||
670 | - color: #222; | ||
671 | - padding: 22rpx; | ||
672 | - height: 152rpx; | ||
673 | - position: relative | 674 | + background: #fafafa; |
675 | + font-size: 30rpx; | ||
676 | + color: #222; | ||
677 | + padding: 22rpx; | ||
678 | + height: 152rpx; | ||
679 | + position: relative; | ||
674 | } | 680 | } |
675 | 681 | ||
676 | .bottom_btn { | 682 | .bottom_btn { |
677 | - width: 100%; | ||
678 | - height: 100rpx; | ||
679 | - background: #fff; | ||
680 | - display: flex; | ||
681 | - justify-content: flex-end; | ||
682 | - align-items: center; | ||
683 | - position: fixed; | ||
684 | - bottom: 0; | ||
685 | - left: 0; | 683 | + width: 100%; |
684 | + height: 100rpx; | ||
685 | + background: #fff; | ||
686 | + display: flex; | ||
687 | + justify-content: flex-end; | ||
688 | + align-items: center; | ||
689 | + position: fixed; | ||
690 | + bottom: 0; | ||
691 | + left: 0; | ||
686 | } | 692 | } |
687 | 693 | ||
688 | .hint_btn { | 694 | .hint_btn { |
689 | - width: 118rpx; | ||
690 | - display: flex; | ||
691 | - justify-content: space-around; | ||
692 | - align-items: center; | 695 | + width: 118rpx; |
696 | + display: flex; | ||
697 | + justify-content: space-around; | ||
698 | + align-items: center; | ||
693 | } | 699 | } |
694 | 700 | ||
695 | .icon-shoucang.active { | 701 | .icon-shoucang.active { |
696 | - color: #ff6700; | 702 | + color: #ff6700; |
697 | } | 703 | } |
698 | 704 | ||
699 | .shop_car { | 705 | .shop_car { |
700 | - font-size: 18rpx; | ||
701 | - color: #747b7d; | ||
702 | - position: relative; | 706 | + font-size: 18rpx; |
707 | + color: #747b7d; | ||
708 | + position: relative; | ||
703 | } | 709 | } |
704 | 710 | ||
705 | .cart_count { | 711 | .cart_count { |
706 | - position: absolute; | ||
707 | - right: 2rpx; | ||
708 | - top: 0; | ||
709 | - width: 24rpx; | ||
710 | - height: 24rpx; | ||
711 | - border-radius: 50%; | ||
712 | - background: red; | ||
713 | - text-align: center; | ||
714 | - line-height: 24rpx; | ||
715 | - color: #fff; | ||
716 | - font-size: 18rpx; | 712 | + position: absolute; |
713 | + right: 2rpx; | ||
714 | + top: 0; | ||
715 | + width: 24rpx; | ||
716 | + height: 24rpx; | ||
717 | + border-radius: 50%; | ||
718 | + background: red; | ||
719 | + text-align: center; | ||
720 | + line-height: 24rpx; | ||
721 | + color: #fff; | ||
722 | + font-size: 18rpx; | ||
717 | } | 723 | } |
718 | 724 | ||
719 | .shop_car.active { | 725 | .shop_car.active { |
720 | - color: #ff6700; | 726 | + color: #ff6700; |
721 | } | 727 | } |
722 | 728 | ||
723 | .join_btn { | 729 | .join_btn { |
724 | - width: 266rpx; | ||
725 | - height: 100rpx; | ||
726 | - background: linear-gradient(to left, #ffda44, #ffb244); | ||
727 | - display: flex; | ||
728 | - align-items: center; | ||
729 | - justify-content: center; | ||
730 | - font-size: 26rpx; | ||
731 | - color: #fff; | ||
732 | -} | ||
733 | -.join_btns{ | ||
734 | - width: 266rpx; | ||
735 | - height: 100rpx; | ||
736 | - display: flex; | ||
737 | - align-items: center; | ||
738 | - justify-content: center; | ||
739 | - font-size: 26rpx; | ||
740 | - color: #fff; | ||
741 | - background: transparent | 730 | + width: 266rpx; |
731 | + height: 100rpx; | ||
732 | + background: linear-gradient(to left, #ffda44, #ffb244); | ||
733 | + display: flex; | ||
734 | + align-items: center; | ||
735 | + justify-content: center; | ||
736 | + font-size: 26rpx; | ||
737 | + color: #fff; | ||
738 | +} | ||
739 | + | ||
740 | +.join_btns { | ||
741 | + width: 266rpx; | ||
742 | + height: 100rpx; | ||
743 | + display: flex; | ||
744 | + align-items: center; | ||
745 | + justify-content: center; | ||
746 | + font-size: 26rpx; | ||
747 | + color: #fff; | ||
748 | + background: transparent; | ||
742 | } | 749 | } |
743 | 750 | ||
744 | .immediately_btn { | 751 | .immediately_btn { |
745 | - width: 632rpx; | ||
746 | - height: 100rpx; | ||
747 | - background: linear-gradient(to left, #f99115, #f56800); | ||
748 | - display: flex; | ||
749 | - align-items: center; | ||
750 | - justify-content: center; | ||
751 | - font-size: 26rpx; | ||
752 | - color: #fff; | 752 | + width: 632rpx; |
753 | + height: 100rpx; | ||
754 | + background: linear-gradient(to left, #f99115, #f56800); | ||
755 | + display: flex; | ||
756 | + align-items: center; | ||
757 | + justify-content: center; | ||
758 | + font-size: 26rpx; | ||
759 | + color: #fff; | ||
753 | } | 760 | } |
754 | 761 | ||
755 | /*购物车添加状态*/ | 762 | /*购物车添加状态*/ |
756 | 763 | ||
757 | .cart_mask { | 764 | .cart_mask { |
758 | - position: absolute; | ||
759 | - top: 0; | ||
760 | - left: 0; | ||
761 | - width: 100%; | ||
762 | - height: 100%; | ||
763 | - background: rgba(0, 0, 0, 0.8); | ||
764 | - z-index: 9999999; | 765 | + position: absolute; |
766 | + top: 0; | ||
767 | + left: 0; | ||
768 | + width: 100%; | ||
769 | + height: 100%; | ||
770 | + background: rgba(0, 0, 0, 0.8); | ||
771 | + z-index: 9999999; | ||
765 | } | 772 | } |
766 | 773 | ||
767 | .cart_mask_diceng { | 774 | .cart_mask_diceng { |
768 | - width: 80%; | ||
769 | - /* min-height: 550rpx; */ | ||
770 | - position: absolute; | ||
771 | - top: 50%; | ||
772 | - margin-left: 10%; | ||
773 | - transform: translateY(-50%); | ||
774 | - background: rgba(255, 255, 255, 1); | ||
775 | - border-radius: 10px; | ||
776 | - padding-top: 20rpx; | ||
777 | - padding-bottom: 130rpx; | 775 | + width: 80%; |
776 | + /* min-height: 550rpx; */ | ||
777 | + position: absolute; | ||
778 | + top: 50%; | ||
779 | + margin-left: 10%; | ||
780 | + transform: translateY(-50%); | ||
781 | + background: rgba(255, 255, 255, 1); | ||
782 | + border-radius: 10px; | ||
783 | + padding-top: 20rpx; | ||
784 | + padding-bottom: 130rpx; | ||
778 | } | 785 | } |
779 | 786 | ||
780 | .goods_name { | 787 | .goods_name { |
781 | - font-size: 30rpx; | ||
782 | - font-family: PingFang-SC-Bold; | ||
783 | - font-weight: bold; | ||
784 | - color: rgba(51, 51, 51, 1); | ||
785 | - line-height: 36rpx; | ||
786 | - text-align: center; | ||
787 | - margin-top: 30rpx; | 788 | + font-size: 30rpx; |
789 | + font-family: PingFang-SC-Bold; | ||
790 | + font-weight: bold; | ||
791 | + color: rgba(51, 51, 51, 1); | ||
792 | + line-height: 36rpx; | ||
793 | + text-align: center; | ||
794 | + margin-top: 30rpx; | ||
788 | } | 795 | } |
789 | 796 | ||
790 | .weight { | 797 | .weight { |
791 | - height: 100rpx; | ||
792 | - margin-top: 34rpx; | ||
793 | - /* margin-bottom:44rpx; */ | ||
794 | - padding: 0 47rpx 0 36rpx; | ||
795 | - box-sizing: border-box; | 798 | + height: 100rpx; |
799 | + margin-top: 34rpx; | ||
800 | + /* margin-bottom:44rpx; */ | ||
801 | + padding: 0 47rpx 0 36rpx; | ||
802 | + box-sizing: border-box; | ||
796 | } | 803 | } |
797 | 804 | ||
798 | .weight_view { | 805 | .weight_view { |
799 | - font-size: 26rpx; | ||
800 | - font-family: PingFang-SC-Medium; | ||
801 | - font-weight: 500; | ||
802 | - color: rgba(51, 51, 51, 1); | ||
803 | - line-height: 36rpx; | 806 | + font-size: 26rpx; |
807 | + font-family: PingFang-SC-Medium; | ||
808 | + font-weight: 500; | ||
809 | + color: rgba(51, 51, 51, 1); | ||
810 | + line-height: 36rpx; | ||
804 | } | 811 | } |
805 | 812 | ||
806 | .quality { | 813 | .quality { |
807 | - margin-top: 24rpx; | 814 | + margin-top: 24rpx; |
808 | } | 815 | } |
809 | 816 | ||
810 | .quality_left { | 817 | .quality_left { |
811 | - width: 150rpx; | ||
812 | - height: 50rpx; | ||
813 | - margin-bottom: 20rpx; | ||
814 | - background: rgba(247, 247, 247, 1); | ||
815 | - border-radius: 10rpx; | ||
816 | - text-align: center; | ||
817 | - line-height: 50rpx; | ||
818 | - font-size: 26rpx; | ||
819 | - font-family: FZY3JW--GB1-0; | ||
820 | - font-weight: 400; | ||
821 | - color: rgba(26, 26, 26, 1); | ||
822 | - float: left; | ||
823 | - margin-right: 20rpx; | 818 | + width: 150rpx; |
819 | + height: 50rpx; | ||
820 | + margin-bottom: 20rpx; | ||
821 | + background: rgba(247, 247, 247, 1); | ||
822 | + border-radius: 10rpx; | ||
823 | + text-align: center; | ||
824 | + line-height: 50rpx; | ||
825 | + font-size: 26rpx; | ||
826 | + font-family: FZY3JW--GB1-0; | ||
827 | + font-weight: 400; | ||
828 | + color: rgba(26, 26, 26, 1); | ||
829 | + float: left; | ||
830 | + margin-right: 20rpx; | ||
824 | } | 831 | } |
825 | 832 | ||
826 | .quality_left.active { | 833 | .quality_left.active { |
827 | - background: rgba(255, 218, 68, 1); | 834 | + background: rgba(255, 218, 68, 1); |
828 | } | 835 | } |
829 | 836 | ||
830 | .last_box { | 837 | .last_box { |
831 | - width: 100%; | ||
832 | - height: 110rpx; | ||
833 | - background: rgba(247, 247, 247, 1); | ||
834 | - border-radius: 0px 0px 10px 10px; | ||
835 | - margin-top: 100rpx; | ||
836 | - /* padding: 18rpx 0 0 51rpx; */ | ||
837 | - box-sizing: border-box; | ||
838 | - position: absolute; | ||
839 | - bottom: 0; | 838 | + width: 100%; |
839 | + height: 110rpx; | ||
840 | + background: rgba(247, 247, 247, 1); | ||
841 | + border-radius: 0px 0px 10px 10px; | ||
842 | + margin-top: 100rpx; | ||
843 | + /* padding: 18rpx 0 0 51rpx; */ | ||
844 | + box-sizing: border-box; | ||
845 | + position: absolute; | ||
846 | + bottom: 0; | ||
840 | } | 847 | } |
841 | 848 | ||
842 | .last_box_top { | 849 | .last_box_top { |
843 | - font-size: 26rpx; | 850 | + font-size: 26rpx; |
844 | } | 851 | } |
845 | 852 | ||
846 | .last_box_top_price { | 853 | .last_box_top_price { |
847 | - display: flex; | ||
848 | - color: #f44; | ||
849 | - line-height: 78rpx; | ||
850 | - font-family: PingFang-SC-Bold; | ||
851 | - font-weight: bold; | 854 | + display: flex; |
855 | + color: #f44; | ||
856 | + line-height: 78rpx; | ||
857 | + font-family: PingFang-SC-Bold; | ||
858 | + font-weight: bold; | ||
852 | } | 859 | } |
853 | 860 | ||
854 | .last_box_top_price text { | 861 | .last_box_top_price text { |
855 | - color: #333; | ||
856 | - font-size: 18rpx; | ||
857 | - margin-left: 10rpx; | 862 | + color: #333; |
863 | + font-size: 18rpx; | ||
864 | + margin-left: 10rpx; | ||
858 | } | 865 | } |
859 | 866 | ||
860 | .member { | 867 | .member { |
861 | - text-align: center; | ||
862 | - font-family: PingFang-SC-Medium; | ||
863 | - margin-left: 24rpx; | ||
864 | - background: linear-gradient(-90deg, rgba(244, 243, 200, 1), rgba(250, 216, 90, 1)); | ||
865 | - border-radius: 5px; | ||
866 | - color: rgba(187, 138, 54, 1); | ||
867 | - padding: 4rpx -2rpx; | ||
868 | - box-sizing: border-box; | ||
869 | - /* margin-top:8rpx; */ | ||
870 | - font-size: 18rpx; | ||
871 | - font-weight: 400; | 868 | + text-align: center; |
869 | + font-family: PingFang-SC-Medium; | ||
870 | + margin-left: 24rpx; | ||
871 | + background: linear-gradient(-90deg, rgba(244, 243, 200, 1), rgba(250, 216, 90, 1)); | ||
872 | + border-radius: 5px; | ||
873 | + color: rgba(187, 138, 54, 1); | ||
874 | + padding: 4rpx -2rpx; | ||
875 | + box-sizing: border-box; | ||
876 | + /* margin-top:8rpx; */ | ||
877 | + font-size: 18rpx; | ||
878 | + font-weight: 400; | ||
872 | } | 879 | } |
873 | 880 | ||
874 | .purchase { | 881 | .purchase { |
875 | - width: 160rpx; | ||
876 | - height: 50rpx; | ||
877 | - background: rgba(255, 218, 68, 1); | ||
878 | - border-radius: 25rpx; | ||
879 | - font-size: 24rpx; | ||
880 | - font-family: PingFang-SC-Medium; | ||
881 | - font-weight: 500; | ||
882 | - color: rgba(26, 26, 26, 1); | ||
883 | - line-height: 50rpx; | ||
884 | - text-align: center; | ||
885 | - position: absolute; | ||
886 | - right: 36rpx; | ||
887 | - top: 30rpx; | 882 | + width: 160rpx; |
883 | + height: 50rpx; | ||
884 | + background: rgba(255, 218, 68, 1); | ||
885 | + border-radius: 25rpx; | ||
886 | + font-size: 24rpx; | ||
887 | + font-family: PingFang-SC-Medium; | ||
888 | + font-weight: 500; | ||
889 | + color: rgba(26, 26, 26, 1); | ||
890 | + line-height: 50rpx; | ||
891 | + text-align: center; | ||
892 | + position: absolute; | ||
893 | + right: 36rpx; | ||
894 | + top: 30rpx; | ||
888 | } | 895 | } |
889 | 896 | ||
890 | .jiajian { | 897 | .jiajian { |
891 | - width: 120rpx; | ||
892 | - height: 50rpx; | ||
893 | - position: absolute; | ||
894 | - right: 200rpx; | ||
895 | - top: 40rpx; | ||
896 | - display: flex; | ||
897 | - justify-content: space-between; | 898 | + width: 120rpx; |
899 | + height: 50rpx; | ||
900 | + position: absolute; | ||
901 | + right: 200rpx; | ||
902 | + top: 40rpx; | ||
903 | + display: flex; | ||
904 | + justify-content: space-between; | ||
898 | } | 905 | } |
899 | 906 | ||
900 | .dec_num { | 907 | .dec_num { |
901 | - width: 32rpx; | ||
902 | - height: 32rpx; | ||
903 | - border-radius: 50%; | ||
904 | - background: #ffda44; | ||
905 | - font-size: 32rpx; | ||
906 | - color: #fff; | ||
907 | - font-weight: bold; | ||
908 | - text-align: center; | ||
909 | - line-height: 32rpx; | 908 | + width: 32rpx; |
909 | + height: 32rpx; | ||
910 | + border-radius: 50%; | ||
911 | + background: #ffda44; | ||
912 | + font-size: 32rpx; | ||
913 | + color: #fff; | ||
914 | + font-weight: bold; | ||
915 | + text-align: center; | ||
916 | + line-height: 32rpx; | ||
910 | } | 917 | } |
911 | 918 | ||
912 | .numnum { | 919 | .numnum { |
913 | - width: 32rpx; | ||
914 | - height: 32rpx; | ||
915 | - text-align: center; | ||
916 | - line-height: 32rpx; | ||
917 | - font-size: 30rpx; | ||
918 | - font-family: PingFang-SC-Medium; | ||
919 | - font-weight: 500; | ||
920 | - color: rgba(102, 102, 102, 1); | 920 | + width: 32rpx; |
921 | + height: 32rpx; | ||
922 | + text-align: center; | ||
923 | + line-height: 32rpx; | ||
924 | + font-size: 30rpx; | ||
925 | + font-family: PingFang-SC-Medium; | ||
926 | + font-weight: 500; | ||
927 | + color: rgba(102, 102, 102, 1); | ||
921 | } | 928 | } |
922 | 929 | ||
923 | .close_jump_cart { | 930 | .close_jump_cart { |
924 | - position: absolute; | ||
925 | - top: 24rpx; | ||
926 | - right: 24rpx; | ||
927 | - color: #ededed; | ||
928 | - font-size: 36rpx; | 931 | + position: absolute; |
932 | + top: 24rpx; | ||
933 | + right: 24rpx; | ||
934 | + color: #ededed; | ||
935 | + font-size: 36rpx; | ||
929 | } | 936 | } |
937 | + | ||
930 | /*团购样式*/ | 938 | /*团购样式*/ |
931 | -.banner_box_group{ | ||
932 | - width:700rpx; | ||
933 | - height:45rpx; | ||
934 | - position: absolute; | ||
935 | - left: 0; | ||
936 | - bottom: 0; | ||
937 | - background: linear-gradient(to right,#ffda44,transparent); | ||
938 | - padding-left:26rpx; | ||
939 | - z-index: 999; | ||
940 | - font-size:26rpx; | ||
941 | -font-family:PingFang-SC-Medium; | ||
942 | -font-weight:500; | ||
943 | -color:rgba(255,255,255,1); | ||
944 | -line-height:45rpx; | 939 | + |
940 | +.banner_box_group { | ||
941 | + width: 700rpx; | ||
942 | + height: 45rpx; | ||
943 | + position: absolute; | ||
944 | + left: 0; | ||
945 | + bottom: 0; | ||
946 | + background: linear-gradient(to right, #ffda44, transparent); | ||
947 | + padding-left: 26rpx; | ||
948 | + z-index: 999; | ||
949 | + font-size: 26rpx; | ||
950 | + font-family: PingFang-SC-Medium; | ||
951 | + font-weight: 500; | ||
952 | + color: rgba(255, 255, 255, 1); | ||
953 | + line-height: 45rpx; | ||
945 | } | 954 | } |
955 | + | ||
946 | /*团购*/ | 956 | /*团购*/ |
947 | -.good_price_progress{ | ||
948 | - margin-top:10rpx; | ||
949 | - } | ||
950 | -.group_font{ | ||
951 | - font-size:24rpx; | ||
952 | -font-family:PingFang-SC-Medium; | ||
953 | -font-weight:500; | ||
954 | -color:rgba(136,136,136,1); | ||
955 | -line-height:24rpx; | ||
956 | -height: 24rpx; | ||
957 | - | ||
958 | -} | ||
959 | -.goods_margin_top{ | ||
960 | - margin-top:20rpx; | ||
961 | -} | ||
962 | -.group_image{ | ||
963 | - border-radius: 16rpx; | ||
964 | - overflow: hidden | ||
965 | -} | ||
966 | -.group_time{ | ||
967 | - position: absolute; | ||
968 | - bottom:0; | ||
969 | - height:30px; | ||
970 | - width:200rpx; | ||
971 | - background:rgba(187,187,187,1); | ||
972 | - border-radius: 0 0 16rpx 16rpx; | ||
973 | - padding:0 10rpx; | ||
974 | - font-size:20rpx; | ||
975 | -font-family:PingFang-SC-Medium; | ||
976 | -font-weight:500; | ||
977 | -color:rgba(255,255,255,1); | ||
978 | -line-height:54rpx; | ||
979 | -text-align: center; | ||
980 | -} | ||
981 | -.group_time.active{ | ||
982 | - background:rgba(255,68,68,1); | ||
983 | - } | 957 | + |
958 | +.good_price_progress { | ||
959 | + margin-top: 10rpx; | ||
960 | +} | ||
961 | + | ||
962 | +.group_font { | ||
963 | + font-size: 24rpx; | ||
964 | + font-family: PingFang-SC-Medium; | ||
965 | + font-weight: 500; | ||
966 | + color: rgba(136, 136, 136, 1); | ||
967 | + line-height: 24rpx; | ||
968 | + height: 24rpx; | ||
969 | +} | ||
970 | + | ||
971 | +.goods_margin_top { | ||
972 | + margin-top: 20rpx; | ||
973 | +} | ||
974 | + | ||
975 | +.group_image { | ||
976 | + border-radius: 16rpx; | ||
977 | + overflow: hidden; | ||
978 | +} | ||
979 | + | ||
980 | +.group_time { | ||
981 | + position: absolute; | ||
982 | + bottom: 0; | ||
983 | + height: 30px; | ||
984 | + width: 200rpx; | ||
985 | + background: rgba(187, 187, 187, 1); | ||
986 | + border-radius: 0 0 16rpx 16rpx; | ||
987 | + padding: 0 10rpx; | ||
988 | + font-size: 20rpx; | ||
989 | + font-family: PingFang-SC-Medium; | ||
990 | + font-weight: 500; | ||
991 | + color: rgba(255, 255, 255, 1); | ||
992 | + line-height: 54rpx; | ||
993 | + text-align: center; | ||
994 | +} | ||
995 | + | ||
996 | +.group_time.active { | ||
997 | + background: rgba(255, 68, 68, 1); | ||
998 | +} | ||
984 | 999 | ||
985 | /*小贴士*/ | 1000 | /*小贴士*/ |
986 | 1001 | ||
987 | -.explain{ | ||
988 | - width: 93.6%; | ||
989 | - height:auto; | ||
990 | - box-shadow:0px 15px 30px 0px rgba(214,214,214,0.6); | ||
991 | - border-radius:16px; | ||
992 | - background: #fff; | ||
993 | - margin:20rpx auto 130rpx; | ||
994 | - padding:18rpx 49rpx; | ||
995 | - box-sizing: border-box | ||
996 | -} | ||
997 | -.explain_one{ | ||
998 | - text-align: center; | ||
999 | - font-size:30rpx; | ||
1000 | - font-family:PingFang-SC-Heavy; | ||
1001 | - font-weight:800; | ||
1002 | - color:rgba(38,54,58,1); | ||
1003 | - line-height:62rpx; | ||
1004 | - position: relative; | ||
1005 | - margin-bottom:16rpx; | ||
1006 | -} | ||
1007 | -.explain_one::before{ | ||
1008 | - width: 115rpx; | ||
1009 | - height: 1rpx; | ||
1010 | - position: absolute; | ||
1011 | - left:70rpx; | ||
1012 | - top:0; | ||
1013 | - bottom:0; | ||
1014 | - margin:auto 0; | ||
1015 | - content: ''; | ||
1016 | - background: linear-gradient(to left,rgba(187,187,187,1),transparent); | ||
1017 | -} | ||
1018 | -.explain_one::after{ | ||
1019 | - width: 115rpx; | ||
1020 | - height: 1rpx; | ||
1021 | - position: absolute; | ||
1022 | - right:70rpx; | ||
1023 | - top:0; | ||
1024 | - bottom:0; | ||
1025 | - margin:auto 0; | ||
1026 | - content: ''; | ||
1027 | - background: linear-gradient(to right,rgba(187,187,187,1),transparent); | ||
1028 | -} | ||
1029 | -.explain_two{ | ||
1030 | - font-size:26rpx; | ||
1031 | - font-family:PingFang-SC-Medium; | ||
1032 | - font-weight:500; | ||
1033 | - color:rgba(38,54,58,1); | ||
1034 | - line-height: 40rpx; | ||
1035 | -} | ||
1036 | -.food_title_all{ | ||
1037 | - margin-bottom:30rpx; | ||
1038 | -} | ||
1039 | -.two_title_xixi{ | ||
1040 | - width: 100%; | ||
1041 | - height: 23rpx; | ||
1042 | - text-align: center; | ||
1043 | - font-size:22rpx; | ||
1044 | -font-family:PingFang-SC-Medium; | ||
1045 | -font-weight:500; | ||
1046 | -color:rgba(148,153,154,1); | ||
1047 | -line-height:23rpx; | 1002 | +.explain { |
1003 | + width: 93.6%; | ||
1004 | + height: auto; | ||
1005 | + box-shadow: 0px 15px 30px 0px rgba(214, 214, 214, 0.6); | ||
1006 | + border-radius: 16px; | ||
1007 | + background: #fff; | ||
1008 | + margin: 20rpx auto 130rpx; | ||
1009 | + padding: 18rpx 49rpx; | ||
1010 | + box-sizing: border-box; | ||
1011 | +} | ||
1012 | + | ||
1013 | +.explain_one { | ||
1014 | + text-align: center; | ||
1015 | + font-size: 30rpx; | ||
1016 | + font-family: PingFang-SC-Heavy; | ||
1017 | + font-weight: 800; | ||
1018 | + color: rgba(38, 54, 58, 1); | ||
1019 | + line-height: 62rpx; | ||
1020 | + position: relative; | ||
1021 | + margin-bottom: 16rpx; | ||
1022 | +} | ||
1023 | + | ||
1024 | +.explain_one::before { | ||
1025 | + width: 115rpx; | ||
1026 | + height: 1rpx; | ||
1027 | + position: absolute; | ||
1028 | + left: 70rpx; | ||
1029 | + top: 0; | ||
1030 | + bottom: 0; | ||
1031 | + margin: auto 0; | ||
1032 | + content: ''; | ||
1033 | + background: linear-gradient(to left, rgba(187, 187, 187, 1), transparent); | ||
1034 | +} | ||
1035 | + | ||
1036 | +.explain_one::after { | ||
1037 | + width: 115rpx; | ||
1038 | + height: 1rpx; | ||
1039 | + position: absolute; | ||
1040 | + right: 70rpx; | ||
1041 | + top: 0; | ||
1042 | + bottom: 0; | ||
1043 | + margin: auto 0; | ||
1044 | + content: ''; | ||
1045 | + background: linear-gradient(to right, rgba(187, 187, 187, 1), transparent); | ||
1046 | +} | ||
1047 | + | ||
1048 | +.explain_two { | ||
1049 | + font-size: 26rpx; | ||
1050 | + font-family: PingFang-SC-Medium; | ||
1051 | + font-weight: 500; | ||
1052 | + color: rgba(38, 54, 58, 1); | ||
1053 | + line-height: 40rpx; | ||
1054 | +} | ||
1055 | + | ||
1056 | +.food_title_all { | ||
1057 | + margin-bottom: 30rpx; | ||
1058 | +} | ||
1059 | + | ||
1060 | +.two_title_xixi { | ||
1061 | + width: 100%; | ||
1062 | + height: 23rpx; | ||
1063 | + text-align: center; | ||
1064 | + font-size: 22rpx; | ||
1065 | + font-family: PingFang-SC-Medium; | ||
1066 | + font-weight: 500; | ||
1067 | + color: rgba(148, 153, 154, 1); | ||
1068 | + line-height: 23rpx; | ||
1048 | } | 1069 | } |
1049 | 1070 | ||
1050 | .collocation_contents { | 1071 | .collocation_contents { |
1051 | - background: #fafafa; | ||
1052 | - font-size: 30rpx; | ||
1053 | - color: #222; | ||
1054 | - padding: 22rpx; | ||
1055 | -} | ||
1056 | -.overflowe{ | ||
1057 | - text-overflow: ellipsis; | ||
1058 | - overflow: hidden; | ||
1059 | - white-space: nowrap; | ||
1060 | - position: relative | ||
1061 | -} | ||
1062 | -.icon-icondayu{ | ||
1063 | - position: absolute; | ||
1064 | - right: 0; | ||
1065 | - top: 50%; | ||
1066 | - transform: translateY(-50%); | 1072 | + background: #fafafa; |
1073 | + font-size: 30rpx; | ||
1074 | + color: #222; | ||
1075 | + padding: 22rpx; | ||
1067 | } | 1076 | } |
1077 | + | ||
1078 | +.overflowe { | ||
1079 | + text-overflow: ellipsis; | ||
1080 | + overflow: hidden; | ||
1081 | + white-space: nowrap; | ||
1082 | + position: relative; | ||
1083 | +} | ||
1084 | + | ||
1085 | +.icon-icondayu { | ||
1086 | + position: absolute; | ||
1087 | + right: 0; | ||
1088 | + top: 50%; | ||
1089 | + transform: translateY(-50%); | ||
1090 | +} | ||
1091 | + | ||
1068 | .introduces { | 1092 | .introduces { |
1069 | - font-size: 28rpx; | ||
1070 | - color: #888; | 1093 | + font-size: 28rpx; |
1094 | + color: #888; | ||
1071 | } | 1095 | } |
1096 | + | ||
1072 | .collocation_boxs { | 1097 | .collocation_boxs { |
1073 | - width: 360rpx; | ||
1074 | - border-radius: 16rpx; | ||
1075 | - overflow: hidden; | ||
1076 | - float: left; | ||
1077 | - padding:0 10rpx; | ||
1078 | - position: relative | ||
1079 | -} | ||
1080 | -.icon-weixuanzhong{ | ||
1081 | - position: absolute; | ||
1082 | - right:20rpx; | ||
1083 | - top:15rpx; | ||
1084 | - color:#888; | ||
1085 | -} | ||
1086 | -.icon-weixuanzhong.active{ | ||
1087 | - color:rgba(255,218,68,1); | ||
1088 | -} | ||
1089 | -.replace_dishes{ | ||
1090 | - width: 100%; | ||
1091 | - /* width:699px; */ | ||
1092 | -height:80rpx; | ||
1093 | -border:1rpx solid rgba(255,68,68,1); | ||
1094 | -border-radius:40rpx; | ||
1095 | -margin:10rpx 0 20rpx; | ||
1096 | -display: flex; | ||
1097 | -justify-content: center; | ||
1098 | -align-items: center | ||
1099 | -} | ||
1100 | -.replace_dishes_center{ | ||
1101 | - display: flex; | ||
1102 | - /* align-items: center */ | ||
1103 | -} | ||
1104 | -.replace_image{ | ||
1105 | - width: 31rpx; | ||
1106 | - height: 29rpx; | ||
1107 | - margin-right:18rpx; | ||
1108 | - margin-top:-14rpx; | ||
1109 | -} | ||
1110 | -.replace_image image{ | ||
1111 | - width: 100%; | ||
1112 | - height: 100% | ||
1113 | -} | ||
1114 | -.replace_font{ | ||
1115 | - height: 29rpx; | ||
1116 | - font-size:26rpx; | ||
1117 | -font-family:PingFang-SC-Medium; | ||
1118 | -font-weight:500; | ||
1119 | -color:rgba(255,68,68,1); | ||
1120 | -line-height: 29rpx; | 1098 | + width: 360rpx; |
1099 | + border-radius: 16rpx; | ||
1100 | + overflow: hidden; | ||
1101 | + float: left; | ||
1102 | + padding: 0 10rpx; | ||
1103 | + position: relative; | ||
1121 | } | 1104 | } |
1105 | + | ||
1106 | +.icon-weixuanzhong { | ||
1107 | + position: absolute; | ||
1108 | + right: 20rpx; | ||
1109 | + top: 15rpx; | ||
1110 | + color: #888; | ||
1111 | +} | ||
1112 | + | ||
1113 | +.icon-weixuanzhong.active { | ||
1114 | + color: rgba(255, 218, 68, 1); | ||
1115 | +} | ||
1116 | + | ||
1117 | +.xuanzhongda { | ||
1118 | + width:80rpx; | ||
1119 | + height: 80rpx; | ||
1120 | + display: flex; | ||
1121 | + align-items: center; | ||
1122 | + justify-content: center; | ||
1123 | + position: absolute; | ||
1124 | + right: 0rpx !important; | ||
1125 | + top: 0rpx !important; | ||
1126 | + color: #888; | ||
1127 | + font-size: 40rpx !important; | ||
1128 | +} | ||
1129 | + | ||
1130 | +.replace_dishes { | ||
1131 | + width: 100%; | ||
1132 | + /* width:699px; */ | ||
1133 | + height: 80rpx; | ||
1134 | + border: 1rpx solid rgba(255, 68, 68, 1); | ||
1135 | + border-radius: 40rpx; | ||
1136 | + margin: 10rpx 0 20rpx; | ||
1137 | + display: flex; | ||
1138 | + justify-content: center; | ||
1139 | + align-items: center; | ||
1140 | +} | ||
1141 | + | ||
1142 | +.replace_dishes_center { | ||
1143 | + display: flex; | ||
1144 | + /* align-items: center */ | ||
1145 | +} | ||
1146 | + | ||
1147 | +.replace_image { | ||
1148 | + width: 31rpx; | ||
1149 | + height: 29rpx; | ||
1150 | + margin-right: 18rpx; | ||
1151 | + margin-top: -14rpx; | ||
1152 | +} | ||
1153 | + | ||
1154 | +.replace_image image { | ||
1155 | + width: 100%; | ||
1156 | + height: 100%; | ||
1157 | +} | ||
1158 | + | ||
1159 | +.replace_font { | ||
1160 | + height: 29rpx; | ||
1161 | + font-size: 26rpx; | ||
1162 | + font-family: PingFang-SC-Medium; | ||
1163 | + font-weight: 500; | ||
1164 | + color: rgba(255, 68, 68, 1); | ||
1165 | + line-height: 29rpx; | ||
1166 | +} | ||
1167 | + | ||
1122 | /*更换菜品弹框*/ | 1168 | /*更换菜品弹框*/ |
1123 | -.maskMore{ | ||
1124 | - width: 100%; | ||
1125 | - min-height: 100%; | ||
1126 | - background: #f3f5f5; | ||
1127 | - position: absolute; | ||
1128 | - left: 0; | ||
1129 | - top: 0; | 1169 | + |
1170 | +.maskMore { | ||
1171 | + width: 100%; | ||
1172 | + min-height: 100%; | ||
1173 | + background: #f3f5f5; | ||
1174 | + position: absolute; | ||
1175 | + left: 0; | ||
1176 | + top: 0; | ||
1130 | } | 1177 | } |
1131 | 1178 | ||
1132 | .coupons { | 1179 | .coupons { |
1133 | - font-size: 30rpx; | ||
1134 | - color: #222; | ||
1135 | - display: flex; | ||
1136 | -} | ||
1137 | -.explaina{ | ||
1138 | - width: 93.6%; | ||
1139 | - height:auto; | ||
1140 | - box-shadow:0px 15px 30px 0px rgba(214,214,214,0.6); | ||
1141 | - border-radius:16px; | ||
1142 | - background: #fff; | ||
1143 | - margin:120rpx auto 40rpx; | ||
1144 | - padding:18rpx 49rpx 18rpx; | ||
1145 | - box-sizing: border-box | ||
1146 | -} | ||
1147 | -.explain_one{ | ||
1148 | - text-align: center; | ||
1149 | - font-size:30rpx; | ||
1150 | - font-family:PingFang-SC-Heavy; | ||
1151 | - font-weight:800; | ||
1152 | - color:rgba(38,54,58,1); | ||
1153 | - line-height:62rpx; | ||
1154 | - position: relative; | ||
1155 | - margin-bottom:16rpx; | ||
1156 | -} | ||
1157 | -.explain_one::before{ | ||
1158 | - width: 115rpx; | ||
1159 | - height: 1rpx; | ||
1160 | - position: absolute; | ||
1161 | - left:70rpx; | ||
1162 | - top:0; | ||
1163 | - bottom:0; | ||
1164 | - margin:auto 0; | ||
1165 | - content: ''; | ||
1166 | - background: linear-gradient(to left,rgba(187,187,187,1),transparent); | ||
1167 | -} | ||
1168 | -.explain_one::after{ | ||
1169 | - width: 115rpx; | ||
1170 | - height: 1rpx; | ||
1171 | - position: absolute; | ||
1172 | - right:70rpx; | ||
1173 | - top:0; | ||
1174 | - bottom:0; | ||
1175 | - margin:auto 0; | ||
1176 | - content: ''; | ||
1177 | - background: linear-gradient(to right,rgba(187,187,187,1),transparent); | ||
1178 | -} | ||
1179 | -.explain_two{ | ||
1180 | - font-size:26rpx; | ||
1181 | - font-family:PingFang-SC-Medium; | ||
1182 | - font-weight:500; | ||
1183 | - color:rgba(38,54,58,1); | ||
1184 | - line-height: 40rpx; | ||
1185 | -} | ||
1186 | -.three{ | ||
1187 | - width: 100%; | ||
1188 | - padding:0 15rpx; | ||
1189 | - } | 1180 | + font-size: 30rpx; |
1181 | + color: #222; | ||
1182 | + display: flex; | ||
1183 | +} | ||
1184 | + | ||
1185 | +.explaina { | ||
1186 | + width: 93.6%; | ||
1187 | + height: auto; | ||
1188 | + box-shadow: 0px 15px 30px 0px rgba(214, 214, 214, 0.6); | ||
1189 | + border-radius: 16px; | ||
1190 | + background: #fff; | ||
1191 | + margin: 120rpx auto 40rpx; | ||
1192 | + padding: 18rpx 49rpx 18rpx; | ||
1193 | + box-sizing: border-box; | ||
1194 | +} | ||
1195 | + | ||
1196 | +.explain_one { | ||
1197 | + text-align: center; | ||
1198 | + font-size: 30rpx; | ||
1199 | + font-family: PingFang-SC-Heavy; | ||
1200 | + font-weight: 800; | ||
1201 | + color: rgba(38, 54, 58, 1); | ||
1202 | + line-height: 62rpx; | ||
1203 | + position: relative; | ||
1204 | + margin-bottom: 16rpx; | ||
1205 | +} | ||
1206 | + | ||
1207 | +.explain_one::before { | ||
1208 | + width: 115rpx; | ||
1209 | + height: 1rpx; | ||
1210 | + position: absolute; | ||
1211 | + left: 70rpx; | ||
1212 | + top: 0; | ||
1213 | + bottom: 0; | ||
1214 | + margin: auto 0; | ||
1215 | + content: ''; | ||
1216 | + background: linear-gradient(to left, rgba(187, 187, 187, 1), transparent); | ||
1217 | +} | ||
1218 | + | ||
1219 | +.explain_one::after { | ||
1220 | + width: 115rpx; | ||
1221 | + height: 1rpx; | ||
1222 | + position: absolute; | ||
1223 | + right: 70rpx; | ||
1224 | + top: 0; | ||
1225 | + bottom: 0; | ||
1226 | + margin: auto 0; | ||
1227 | + content: ''; | ||
1228 | + background: linear-gradient(to right, rgba(187, 187, 187, 1), transparent); | ||
1229 | +} | ||
1230 | + | ||
1231 | +.explain_two { | ||
1232 | + font-size: 26rpx; | ||
1233 | + font-family: PingFang-SC-Medium; | ||
1234 | + font-weight: 500; | ||
1235 | + color: rgba(38, 54, 58, 1); | ||
1236 | + line-height: 40rpx; | ||
1237 | +} | ||
1238 | + | ||
1239 | +.three { | ||
1240 | + width: 100%; | ||
1241 | + padding: 0 15rpx; | ||
1242 | +} | ||
1243 | + | ||
1190 | .collocation_boxa { | 1244 | .collocation_boxa { |
1191 | - width: 360rpx; | ||
1192 | - border-radius: 16rpx; | ||
1193 | - overflow: hidden; | ||
1194 | - float: left; | ||
1195 | - padding:0 10rpx; | ||
1196 | - position: relative | 1245 | + width: 360rpx; |
1246 | + border-radius: 16rpx; | ||
1247 | + overflow: hidden; | ||
1248 | + float: left; | ||
1249 | + padding: 0 10rpx; | ||
1250 | + position: relative; | ||
1197 | } | 1251 | } |
1198 | 1252 | ||
1199 | .collocation_img { | 1253 | .collocation_img { |
1200 | - width: 340rpx; | ||
1201 | - height: 340rpx; | 1254 | + width: 340rpx; |
1255 | + height: 340rpx; | ||
1202 | } | 1256 | } |
1203 | 1257 | ||
1204 | .collocation_img image { | 1258 | .collocation_img image { |
1205 | - width: 100%; | ||
1206 | - height: 100%; | 1259 | + width: 100%; |
1260 | + height: 100%; | ||
1207 | } | 1261 | } |
1208 | 1262 | ||
1209 | .introducea { | 1263 | .introducea { |
1210 | - font-size: 28rpx; | ||
1211 | - color: #888; | 1264 | + font-size: 28rpx; |
1265 | + color: #888; | ||
1212 | } | 1266 | } |
1213 | 1267 | ||
1214 | -.icon-weixuanzhong{ | ||
1215 | - position: absolute; | ||
1216 | - right:20rpx; | ||
1217 | - top:15rpx; | ||
1218 | - color:#888; | 1268 | +.icon-weixuanzhong { |
1269 | + position: absolute; | ||
1270 | + right: 20rpx; | ||
1271 | + top: 15rpx; | ||
1272 | + color: #888; | ||
1219 | } | 1273 | } |
1220 | -.icon-weixuanzhong.active{ | ||
1221 | - color:rgba(255,218,68,1); | 1274 | + |
1275 | +.icon-weixuanzhong.active { | ||
1276 | + color: rgba(255, 218, 68, 1); | ||
1222 | } | 1277 | } |
1278 | + | ||
1223 | /*购物车添加状态*/ | 1279 | /*购物车添加状态*/ |
1224 | 1280 | ||
1225 | .cart_mask { | 1281 | .cart_mask { |
1226 | - position: fixed; | ||
1227 | - top: 0; | ||
1228 | - left: 0; | ||
1229 | - width: 100%; | ||
1230 | - height: 100%; | ||
1231 | - background: rgba(0, 0, 0, 0.8); | ||
1232 | - z-index: 9999999; | 1282 | + position: fixed; |
1283 | + top: 0; | ||
1284 | + left: 0; | ||
1285 | + width: 100%; | ||
1286 | + height: 100%; | ||
1287 | + background: rgba(0, 0, 0, 0.8); | ||
1288 | + z-index: 9999999; | ||
1233 | } | 1289 | } |
1234 | 1290 | ||
1235 | .cart_mask_diceng { | 1291 | .cart_mask_diceng { |
1236 | - width: 80%; | ||
1237 | - /* min-height: 550rpx; */ | ||
1238 | - position: absolute; | ||
1239 | - top: 50%; | ||
1240 | - margin-left: 10%; | ||
1241 | - transform: translateY(-50%); | ||
1242 | - background: rgba(255, 255, 255, 1); | ||
1243 | - border-radius: 10px; | ||
1244 | - padding-top: 20rpx; | ||
1245 | - padding-bottom: 130rpx; | 1292 | + width: 80%; |
1293 | + /* min-height: 550rpx; */ | ||
1294 | + position: absolute; | ||
1295 | + top: 50%; | ||
1296 | + margin-left: 10%; | ||
1297 | + transform: translateY(-50%); | ||
1298 | + background: rgba(255, 255, 255, 1); | ||
1299 | + border-radius: 10px; | ||
1300 | + padding-top: 20rpx; | ||
1301 | + padding-bottom: 130rpx; | ||
1246 | } | 1302 | } |
1247 | 1303 | ||
1248 | .goods_name { | 1304 | .goods_name { |
1249 | - font-size: 30rpx; | ||
1250 | - font-family: PingFang-SC-Bold; | ||
1251 | - font-weight: bold; | ||
1252 | - color: rgba(51, 51, 51, 1); | ||
1253 | - line-height: 36rpx; | ||
1254 | - text-align: center; | ||
1255 | - margin-top: 30rpx; | 1305 | + font-size: 30rpx; |
1306 | + font-family: PingFang-SC-Bold; | ||
1307 | + font-weight: bold; | ||
1308 | + color: rgba(51, 51, 51, 1); | ||
1309 | + line-height: 36rpx; | ||
1310 | + text-align: center; | ||
1311 | + margin-top: 30rpx; | ||
1256 | } | 1312 | } |
1257 | 1313 | ||
1258 | .weight { | 1314 | .weight { |
1259 | - height: 100rpx; | ||
1260 | - margin-top: 34rpx; | ||
1261 | - /* margin-bottom:44rpx; */ | ||
1262 | - padding: 0 47rpx 0 36rpx; | ||
1263 | - box-sizing: border-box; | 1315 | + height: 100rpx; |
1316 | + margin-top: 34rpx; | ||
1317 | + /* margin-bottom:44rpx; */ | ||
1318 | + padding: 0 47rpx 0 36rpx; | ||
1319 | + box-sizing: border-box; | ||
1264 | } | 1320 | } |
1265 | 1321 | ||
1266 | .weight_view { | 1322 | .weight_view { |
1267 | - font-size: 26rpx; | ||
1268 | - font-family: PingFang-SC-Medium; | ||
1269 | - font-weight: 500; | ||
1270 | - color: rgba(51, 51, 51, 1); | ||
1271 | - line-height: 36rpx; | 1323 | + font-size: 26rpx; |
1324 | + font-family: PingFang-SC-Medium; | ||
1325 | + font-weight: 500; | ||
1326 | + color: rgba(51, 51, 51, 1); | ||
1327 | + line-height: 36rpx; | ||
1272 | } | 1328 | } |
1273 | 1329 | ||
1274 | .quality { | 1330 | .quality { |
1275 | - margin-top: 24rpx; | 1331 | + margin-top: 24rpx; |
1276 | } | 1332 | } |
1277 | 1333 | ||
1278 | .quality_left { | 1334 | .quality_left { |
1279 | - width: 150rpx; | ||
1280 | - height: 50rpx; | ||
1281 | - margin-bottom: 20rpx; | ||
1282 | - background: rgba(247, 247, 247, 1); | ||
1283 | - border-radius: 10rpx; | ||
1284 | - text-align: center; | ||
1285 | - line-height: 50rpx; | ||
1286 | - font-size: 26rpx; | ||
1287 | - font-family: FZY3JW--GB1-0; | ||
1288 | - font-weight: 400; | ||
1289 | - color: rgba(26, 26, 26, 1); | ||
1290 | - float: left; | ||
1291 | - margin-right: 20rpx; | 1335 | + width: 150rpx; |
1336 | + height: 50rpx; | ||
1337 | + margin-bottom: 20rpx; | ||
1338 | + background: rgba(247, 247, 247, 1); | ||
1339 | + border-radius: 10rpx; | ||
1340 | + text-align: center; | ||
1341 | + line-height: 50rpx; | ||
1342 | + font-size: 26rpx; | ||
1343 | + font-family: FZY3JW--GB1-0; | ||
1344 | + font-weight: 400; | ||
1345 | + color: rgba(26, 26, 26, 1); | ||
1346 | + float: left; | ||
1347 | + margin-right: 20rpx; | ||
1292 | } | 1348 | } |
1293 | 1349 | ||
1294 | .quality_left.active { | 1350 | .quality_left.active { |
1295 | - background: rgba(255, 218, 68, 1); | 1351 | + background: rgba(255, 218, 68, 1); |
1296 | } | 1352 | } |
1297 | 1353 | ||
1298 | .last_box { | 1354 | .last_box { |
1299 | - width: 100%; | ||
1300 | - height: 110rpx; | ||
1301 | - background: rgba(247, 247, 247, 1); | ||
1302 | - border-radius: 0px 0px 10px 10px; | ||
1303 | - margin-top: 100rpx; | ||
1304 | - padding: 18rpx 0 0 51rpx; | ||
1305 | - box-sizing: border-box; | ||
1306 | - position: absolute; | ||
1307 | - bottom: 0; | 1355 | + width: 100%; |
1356 | + height: 110rpx; | ||
1357 | + background: rgba(247, 247, 247, 1); | ||
1358 | + border-radius: 0px 0px 10px 10px; | ||
1359 | + margin-top: 100rpx; | ||
1360 | + padding: 18rpx 0 0 51rpx; | ||
1361 | + box-sizing: border-box; | ||
1362 | + position: absolute; | ||
1363 | + bottom: 0; | ||
1308 | } | 1364 | } |
1309 | 1365 | ||
1310 | .last_box_top_price text { | 1366 | .last_box_top_price text { |
1311 | - color: #333; | ||
1312 | - font-size: 18rpx; | ||
1313 | - margin-left: 10rpx; | 1367 | + color: #333; |
1368 | + font-size: 18rpx; | ||
1369 | + margin-left: 10rpx; | ||
1314 | } | 1370 | } |
1315 | 1371 | ||
1316 | .member_price { | 1372 | .member_price { |
1317 | - /* color: rgba(187, 138, 54, 1); */ | ||
1318 | - color: #26363a; | 1373 | + /* color: rgba(187, 138, 54, 1); */ |
1374 | + color: #26363a; | ||
1319 | } | 1375 | } |
1320 | 1376 | ||
1321 | .member { | 1377 | .member { |
1322 | - text-align: center; | ||
1323 | - font-family: PingFang-SC-Medium; | ||
1324 | - margin-left: 24rpx; | ||
1325 | - background: linear-gradient(-90deg, rgba(244, 243, 200, 1), rgba(250, 216, 90, 1)); | ||
1326 | - border-radius: 5px; | ||
1327 | - color: rgba(187, 138, 54, 1); | ||
1328 | - padding: 4rpx -2rpx; | ||
1329 | - box-sizing: border-box; | ||
1330 | - /* margin-top:8rpx; */ | ||
1331 | - font-size: 18rpx; | ||
1332 | - font-weight: 400; | 1378 | + text-align: center; |
1379 | + font-family: PingFang-SC-Medium; | ||
1380 | + margin-left: 24rpx; | ||
1381 | + background: linear-gradient(-90deg, rgba(244, 243, 200, 1), rgba(250, 216, 90, 1)); | ||
1382 | + border-radius: 5px; | ||
1383 | + color: rgba(187, 138, 54, 1); | ||
1384 | + padding: 4rpx -2rpx; | ||
1385 | + box-sizing: border-box; | ||
1386 | + /* margin-top:8rpx; */ | ||
1387 | + font-size: 18rpx; | ||
1388 | + font-weight: 400; | ||
1333 | } | 1389 | } |
1334 | 1390 | ||
1335 | .purchase { | 1391 | .purchase { |
1336 | - width: 160rpx; | ||
1337 | - height: 50rpx; | ||
1338 | - background: rgba(255, 218, 68, 1); | ||
1339 | - border-radius: 25rpx; | ||
1340 | - font-size: 24rpx; | ||
1341 | - font-family: PingFang-SC-Medium; | ||
1342 | - font-weight: 500; | ||
1343 | - color: rgba(26, 26, 26, 1); | ||
1344 | - line-height: 50rpx; | ||
1345 | - text-align: center; | ||
1346 | - position: absolute; | ||
1347 | - right: 36rpx; | ||
1348 | - top: 30rpx; | 1392 | + width: 160rpx; |
1393 | + height: 50rpx; | ||
1394 | + background: rgba(255, 218, 68, 1); | ||
1395 | + border-radius: 25rpx; | ||
1396 | + font-size: 24rpx; | ||
1397 | + font-family: PingFang-SC-Medium; | ||
1398 | + font-weight: 500; | ||
1399 | + color: rgba(26, 26, 26, 1); | ||
1400 | + line-height: 50rpx; | ||
1401 | + text-align: center; | ||
1402 | + position: absolute; | ||
1403 | + right: 36rpx; | ||
1404 | + top: 30rpx; | ||
1349 | } | 1405 | } |
1350 | 1406 | ||
1351 | .jiajian { | 1407 | .jiajian { |
1352 | - width: 120rpx; | ||
1353 | - height: 50rpx; | ||
1354 | - position: absolute; | ||
1355 | - right: 200rpx; | ||
1356 | - top: 40rpx; | ||
1357 | - display: flex; | ||
1358 | - justify-content: space-between; | 1408 | + width: 120rpx; |
1409 | + height: 50rpx; | ||
1410 | + position: absolute; | ||
1411 | + right: 200rpx; | ||
1412 | + top: 40rpx; | ||
1413 | + display: flex; | ||
1414 | + justify-content: space-between; | ||
1359 | } | 1415 | } |
1360 | 1416 | ||
1361 | .dec_num { | 1417 | .dec_num { |
1362 | - width: 32rpx; | ||
1363 | - height: 32rpx; | ||
1364 | - border-radius: 50%; | ||
1365 | - background: #ffda44; | ||
1366 | - font-size: 32rpx; | ||
1367 | - color: #fff; | ||
1368 | - font-weight: bold; | ||
1369 | - text-align: center; | ||
1370 | - line-height: 32rpx; | 1418 | + width: 32rpx; |
1419 | + height: 32rpx; | ||
1420 | + border-radius: 50%; | ||
1421 | + background: #ffda44; | ||
1422 | + font-size: 32rpx; | ||
1423 | + color: #fff; | ||
1424 | + font-weight: bold; | ||
1425 | + text-align: center; | ||
1426 | + line-height: 32rpx; | ||
1371 | } | 1427 | } |
1372 | 1428 | ||
1373 | .numnum { | 1429 | .numnum { |
1374 | - width: 32rpx; | ||
1375 | - height: 32rpx; | ||
1376 | - text-align: center; | ||
1377 | - line-height: 32rpx; | ||
1378 | - font-size: 30rpx; | ||
1379 | - font-family: PingFang-SC-Medium; | ||
1380 | - font-weight: 500; | ||
1381 | - color: rgba(102, 102, 102, 1); | 1430 | + width: 32rpx; |
1431 | + height: 32rpx; | ||
1432 | + text-align: center; | ||
1433 | + line-height: 32rpx; | ||
1434 | + font-size: 30rpx; | ||
1435 | + font-family: PingFang-SC-Medium; | ||
1436 | + font-weight: 500; | ||
1437 | + color: rgba(102, 102, 102, 1); | ||
1382 | } | 1438 | } |
1383 | 1439 | ||
1384 | .close_jump_cart { | 1440 | .close_jump_cart { |
1385 | - position: absolute; | ||
1386 | - top: 24rpx; | ||
1387 | - right: 24rpx; | ||
1388 | - color: #ededed; | ||
1389 | - font-size: 36rpx; | 1441 | + position: absolute; |
1442 | + top: 24rpx; | ||
1443 | + right: 24rpx; | ||
1444 | + color: #ededed; | ||
1445 | + font-size: 36rpx; | ||
1390 | } | 1446 | } |
1447 | + | ||
1391 | .pickage_display { | 1448 | .pickage_display { |
1392 | - font-size: 24rpx; | ||
1393 | - color: #f44; | ||
1394 | - margin-top: 47rpx; | 1449 | + font-size: 24rpx; |
1450 | + color: #f44; | ||
1451 | + margin-top: 47rpx; | ||
1395 | } | 1452 | } |
1453 | + | ||
1396 | .money_icon2 { | 1454 | .money_icon2 { |
1397 | - font-size: 22rpx; | ||
1398 | - color: #f44; | 1455 | + font-size: 22rpx; |
1456 | + color: #f44; | ||
1399 | } | 1457 | } |
1400 | 1458 | ||
1401 | .money2 { | 1459 | .money2 { |
1402 | - font-size: 38rpx; | ||
1403 | - font-weight: bold; | ||
1404 | - color: #f44; | ||
1405 | -} | ||
1460 | + font-size: 38rpx; | ||
1461 | + font-weight: bold; | ||
1462 | + color: #f44; | ||
1463 | +} |
@@ -2,7 +2,7 @@ | @@ -2,7 +2,7 @@ | ||
2 | const app = getApp(); | 2 | const app = getApp(); |
3 | const WxParse = require('../../../wxParse/wxParse/wxParse.js'); | 3 | const WxParse = require('../../../wxParse/wxParse/wxParse.js'); |
4 | Page({ | 4 | Page({ |
5 | - | 5 | + |
6 | /** | 6 | /** |
7 | * 页面的初始数据 | 7 | * 页面的初始数据 |
8 | */ | 8 | */ |
@@ -46,7 +46,9 @@ Page({ | @@ -46,7 +46,9 @@ Page({ | ||
46 | groupList: [], | 46 | groupList: [], |
47 | yesno: false, | 47 | yesno: false, |
48 | stock:0, | 48 | stock:0, |
49 | - is_vip:0 | 49 | + is_vip:0, |
50 | + string:'', | ||
51 | + gggPrice: null | ||
50 | }, | 52 | }, |
51 | //进入基本参数 | 53 | //进入基本参数 |
52 | jumpBasicInfo() { | 54 | jumpBasicInfo() { |
@@ -203,6 +205,8 @@ Page({ | @@ -203,6 +205,8 @@ Page({ | ||
203 | console.log(str) | 205 | console.log(str) |
204 | new_arr_item = new_arr_item.join(','); | 206 | new_arr_item = new_arr_item.join(','); |
205 | new_arr_item = new_arr_item.replace(/,/g, " "); | 207 | new_arr_item = new_arr_item.replace(/,/g, " "); |
208 | + var string = '' | ||
209 | + var gggPrice = null | ||
206 | for (let i in sys_attrprice) { | 210 | for (let i in sys_attrprice) { |
207 | if (i == str) { | 211 | if (i == str) { |
208 | skuid = sys_attrprice[i].skuid | 212 | skuid = sys_attrprice[i].skuid |
@@ -210,8 +214,14 @@ Page({ | @@ -210,8 +214,14 @@ Page({ | ||
210 | old_skuid_price = sys_attrprice[i].old_price | 214 | old_skuid_price = sys_attrprice[i].old_price |
211 | vip_skuid_price = sys_attrprice[i].vip_price | 215 | vip_skuid_price = sys_attrprice[i].vip_price |
212 | stock = sys_attrprice[i].stock | 216 | stock = sys_attrprice[i].stock |
217 | + string = sys_attrprice[i].sku_values | ||
213 | } | 218 | } |
214 | } | 219 | } |
220 | + if(that.data.is_vip==1){ | ||
221 | + gggPrice = vip_skuid_price | ||
222 | + } else { | ||
223 | + gggPrice = old_skuid_price | ||
224 | + } | ||
215 | this.setData({ | 225 | this.setData({ |
216 | id_arr: new_arr, | 226 | id_arr: new_arr, |
217 | idss: new_arr, | 227 | idss: new_arr, |
@@ -221,7 +231,9 @@ Page({ | @@ -221,7 +231,9 @@ Page({ | ||
221 | vip_skuid_price: vip_skuid_price, | 231 | vip_skuid_price: vip_skuid_price, |
222 | skuid_arr: new_arr, | 232 | skuid_arr: new_arr, |
223 | ids: new_arr_item, | 233 | ids: new_arr_item, |
224 | - stock:stock | 234 | + stock:stock, |
235 | + string: string, | ||
236 | + gggPrice: gggPrice | ||
225 | }); | 237 | }); |
226 | }, | 238 | }, |
227 | //关闭弹窗 | 239 | //关闭弹窗 |
@@ -282,6 +294,7 @@ Page({ | @@ -282,6 +294,7 @@ Page({ | ||
282 | }; | 294 | }; |
283 | let that = this | 295 | let that = this |
284 | let stock=null | 296 | let stock=null |
297 | + let string = null | ||
285 | app.post(url, params).then(r => { | 298 | app.post(url, params).then(r => { |
286 | console.log(r); | 299 | console.log(r); |
287 | WxParse.wxParse('content', 'html', r.data.info.content, this, 5); | 300 | WxParse.wxParse('content', 'html', r.data.info.content, this, 5); |
@@ -316,8 +329,15 @@ Page({ | @@ -316,8 +329,15 @@ Page({ | ||
316 | old_skuid_price = sys_attrprice[i].old_price | 329 | old_skuid_price = sys_attrprice[i].old_price |
317 | vip_skuid_price = sys_attrprice[i].vip_price | 330 | vip_skuid_price = sys_attrprice[i].vip_price |
318 | stock = sys_attrprice[i].stock | 331 | stock = sys_attrprice[i].stock |
332 | + string =sys_attrprice[i].sku_values | ||
319 | } | 333 | } |
320 | } | 334 | } |
335 | + var gggPrice = null | ||
336 | + if(that.data.is_vip==1){ | ||
337 | + gggPrice = vip_skuid_price | ||
338 | + }else{ | ||
339 | + gggPrice = old_skuid_price | ||
340 | + } | ||
321 | r.data.comment.forEach(function(ele, index) { | 341 | r.data.comment.forEach(function(ele, index) { |
322 | that.setData({ | 342 | that.setData({ |
323 | goods_star: ele.goods_stars | 343 | goods_star: ele.goods_stars |
@@ -361,6 +381,7 @@ Page({ | @@ -361,6 +381,7 @@ Page({ | ||
361 | percent: percent, | 381 | percent: percent, |
362 | goods: r.data, | 382 | goods: r.data, |
363 | gPrice: zuihoujiage, | 383 | gPrice: zuihoujiage, |
384 | + gggPrice: gggPrice, | ||
364 | collocation: r.data.collocation, | 385 | collocation: r.data.collocation, |
365 | comment: r.data.comment, | 386 | comment: r.data.comment, |
366 | skuid: skuid, | 387 | skuid: skuid, |
@@ -368,14 +389,16 @@ Page({ | @@ -368,14 +389,16 @@ Page({ | ||
368 | id_arr: arr, | 389 | id_arr: arr, |
369 | skuid_arr: arr, | 390 | skuid_arr: arr, |
370 | yesno: true, | 391 | yesno: true, |
371 | - stock: stock | 392 | + stock: stock, |
393 | + string: string | ||
372 | }); | 394 | }); |
373 | } else { | 395 | } else { |
374 | console.log("不是团购") | 396 | console.log("不是团购") |
375 | that.setData({ | 397 | that.setData({ |
376 | yesno: false, | 398 | yesno: false, |
377 | - goods: r.data, | ||
378 | - gPrice: zuihoujiage, | 399 | + goods: r.data, |
400 | + gPrice: zuihoujiage, | ||
401 | + gggPrice: gggPrice, | ||
379 | collocation: r.data.collocation, | 402 | collocation: r.data.collocation, |
380 | comment: r.data.comment, | 403 | comment: r.data.comment, |
381 | favorite: r.data.is_favorite, | 404 | favorite: r.data.is_favorite, |
@@ -385,7 +408,8 @@ Page({ | @@ -385,7 +408,8 @@ Page({ | ||
385 | skuid: skuid, | 408 | skuid: skuid, |
386 | skuid_arr: arr, | 409 | skuid_arr: arr, |
387 | id_arr: arr, | 410 | id_arr: arr, |
388 | - stock: stock | 411 | + stock: stock, |
412 | + string: string | ||
389 | }); | 413 | }); |
390 | } | 414 | } |
391 | }); | 415 | }); |
@@ -4,7 +4,7 @@ | @@ -4,7 +4,7 @@ | ||
4 | <view class='detail_container {{show||shows||basicInfo?"active":""}}'> | 4 | <view class='detail_container {{show||shows||basicInfo?"active":""}}'> |
5 | <view class='banner'> | 5 | <view class='banner'> |
6 | <view class='iconfont icon-fanhui' catchtap='get_back'></view> | 6 | <view class='iconfont icon-fanhui' catchtap='get_back'></view> |
7 | - <view class='coupons'> | 7 | + <view class='coupons'> |
8 | <view class='goods_detail {{active?"active":""}}' bindtap='jump_goods' id='NAV{{one}}'>商品详情</view> | 8 | <view class='goods_detail {{active?"active":""}}' bindtap='jump_goods' id='NAV{{one}}'>商品详情</view> |
9 | <view class='graphic_detail {{!active?"active":""}}' bindtap='jump_detail' id='NAV{{two}}'>图文详情</view> | 9 | <view class='graphic_detail {{!active?"active":""}}' bindtap='jump_detail' id='NAV{{two}}'>图文详情</view> |
10 | </view> | 10 | </view> |
@@ -53,8 +53,8 @@ | @@ -53,8 +53,8 @@ | ||
53 | <text class='original_price '>¥{{goods.info.old_price}}</text> | 53 | <text class='original_price '>¥{{goods.info.old_price}}</text> |
54 | </view> | 54 | </view> |
55 | <view class='display_box '> | 55 | <view class='display_box '> |
56 | - <text class='money_icon2 '>¥</text> | ||
57 | - <text class='money2 '>{{goods.info.vip_price}}</text> | 56 | + <view class='money_icon2 '>¥</view> |
57 | + <view class='money2 '>{{goods.info.vip_price}}</view> | ||
58 | <view class='vip '> | 58 | <view class='vip '> |
59 | <image class='vipvip ' src='{{imgUrl}}vipvip.png '></image> | 59 | <image class='vipvip ' src='{{imgUrl}}vipvip.png '></image> |
60 | </view> | 60 | </view> |
@@ -275,7 +275,7 @@ | @@ -275,7 +275,7 @@ | ||
275 | </view> | 275 | </view> |
276 | 276 | ||
277 | <view class='templates' id='NAV{{two}}'> | 277 | <view class='templates' id='NAV{{two}}'> |
278 | - <template is="wxParse" data="{{wxParseData:content.nodes}}" /> | 278 | + <template class='' is="wxParse" data="{{wxParseData:content.nodes}}" /> |
279 | </view> | 279 | </view> |
280 | </view> | 280 | </view> |
281 | </scroll-view> | 281 | </scroll-view> |
@@ -311,18 +311,27 @@ | @@ -311,18 +311,27 @@ | ||
311 | <view class='quality_left {{value.t?"active":""}}' wx:for='{{cell.item}}' wx:key='{{key}}' data-gid='{{value.id}}' data-parent="{{cellindex}}" data-item="{{value.attribute_value}}" data-index="{{index}}" bindtap='changeIds' wx:for-item='value'>{{value.attribute_value}}</view> | 311 | <view class='quality_left {{value.t?"active":""}}' wx:for='{{cell.item}}' wx:key='{{key}}' data-gid='{{value.id}}' data-parent="{{cellindex}}" data-item="{{value.attribute_value}}" data-index="{{index}}" bindtap='changeIds' wx:for-item='value'>{{value.attribute_value}}</view> |
312 | </view> | 312 | </view> |
313 | </view> | 313 | </view> |
314 | - | 314 | + <view class='goumaishuliang'> |
315 | + <view>购买数量</view> | ||
316 | + <text decode="{{true}}" class='kucun'> (库存{{stock}})</text> | ||
317 | + <view class='jiajianjian' wx:if='{{!goods.groupType}}'> | ||
318 | + <view bindtap='dec_num' class='dec_num'>-</view> | ||
319 | + <view class='numnum'> {{num}}</view> | ||
320 | + <view bindtap='add_num' class='dec_num'>+</view> | ||
321 | + </view> | ||
322 | + </view> | ||
315 | <view class='last_box'> | 323 | <view class='last_box'> |
316 | <view class='last_box_top'> | 324 | <view class='last_box_top'> |
317 | - <view class='last_box_top_price'> | ||
318 | - <view>¥{{skuid_price}}</view> | 325 | + <view class=' last_box_top_price last_box_top_pricess'> |
326 | + <view>¥{{gggPrice}}</view> | ||
327 | + <text decode="{{true}}">({{string}})</text> | ||
319 | </view> | 328 | </view> |
320 | </view> | 329 | </view> |
321 | <view class='last_box_top'> | 330 | <view class='last_box_top'> |
322 | - <view class='last_box_top_price'> | 331 | + <!-- <view class='last_box_top_price'> |
323 | <view class='member_price'>¥{{vip_skuid_price}}</view> | 332 | <view class='member_price'>¥{{vip_skuid_price}}</view> |
324 | <text class='member'>会员专享</text> | 333 | <text class='member'>会员专享</text> |
325 | - </view> | 334 | + </view> --> |
326 | <!-- <view class='jiajian'> | 335 | <!-- <view class='jiajian'> |
327 | <view bindtap='dec_num' class='dec_num'>-</view> | 336 | <view bindtap='dec_num' class='dec_num'>-</view> |
328 | <view class='numnum'> {{num}}</view> | 337 | <view class='numnum'> {{num}}</view> |
@@ -344,9 +353,37 @@ | @@ -344,9 +353,37 @@ | ||
344 | <view class='quality_left {{value.t?"active":""}}' wx:for='{{cell.item}}' wx:key='{{key}}' data-gid='{{value.id}}' data-parent="{{cellindex}}" data-item="{{value.attribute_value}}" data-index="{{index}}" bindtap='changeIds' wx:for-item='value'>{{value.attribute_value}}</view> | 353 | <view class='quality_left {{value.t?"active":""}}' wx:for='{{cell.item}}' wx:key='{{key}}' data-gid='{{value.id}}' data-parent="{{cellindex}}" data-item="{{value.attribute_value}}" data-index="{{index}}" bindtap='changeIds' wx:for-item='value'>{{value.attribute_value}}</view> |
345 | </view> | 354 | </view> |
346 | </view> | 355 | </view> |
347 | - | 356 | +<view class='goumaishuliang'> |
357 | + <view>购买数量</view> | ||
358 | + <text decode="{{true}}" class='kucun'> (库存{{stock}})</text> | ||
359 | + <view class='jiajianjian' wx:if='{{!goods.groupType}}'> | ||
360 | + <view bindtap='dec_num' class='dec_num'>-</view> | ||
361 | + <view class='numnum'> {{num}}</view> | ||
362 | + <view bindtap='add_num' class='dec_num'>+</view> | ||
363 | + </view> | ||
364 | + </view> | ||
348 | <view class='last_box'> | 365 | <view class='last_box'> |
349 | <view class='last_box_top'> | 366 | <view class='last_box_top'> |
367 | + <view class=' last_box_top_price last_box_top_pricess'> | ||
368 | + <view>¥{{gggPrice}}</view> | ||
369 | + <text decode="{{true}}">({{string}})</text> | ||
370 | + </view> | ||
371 | + </view> | ||
372 | + <view class='last_box_top'> | ||
373 | + <!-- <view class='last_box_top_price'> | ||
374 | + <view class='member_price'>¥{{vip_skuid_price}}</view> | ||
375 | + <text class='member'>会员专享</text> | ||
376 | + </view> --> | ||
377 | + <!-- <view class='jiajian'> | ||
378 | + <view bindtap='dec_num' class='dec_num'>-</view> | ||
379 | + <view class='numnum'> {{num}}</view> | ||
380 | + <view bindtap='add_num' class='dec_num'>+</view> | ||
381 | + </view> --> | ||
382 | + <view class='purchase' data-limit='{{goods.info.limit_numer}}' bindtap='hide_masks'>确定</view> | ||
383 | + </view> | ||
384 | + </view> | ||
385 | + <!-- <view class='last_box'> | ||
386 | + <view class='last_box_top'> | ||
350 | <view class='last_box_top_price'> | 387 | <view class='last_box_top_price'> |
351 | <view>¥{{goods.info.price}}</view> | 388 | <view>¥{{goods.info.price}}</view> |
352 | </view> | 389 | </view> |
@@ -363,7 +400,7 @@ | @@ -363,7 +400,7 @@ | ||
363 | </view> | 400 | </view> |
364 | <view class='purchase' bindtap='hide_masks'>确定</view> | 401 | <view class='purchase' bindtap='hide_masks'>确定</view> |
365 | </view> | 402 | </view> |
366 | - </view> | 403 | + </view> --> |
367 | </view> | 404 | </view> |
368 | </view> | 405 | </view> |
369 | <!-- 基本信息弹框 --> | 406 | <!-- 基本信息弹框 --> |
@@ -5,9 +5,11 @@ page { | @@ -5,9 +5,11 @@ page { | ||
5 | width: 100%; | 5 | width: 100%; |
6 | height: 100%; | 6 | height: 100%; |
7 | } | 7 | } |
8 | - | 8 | +text{ |
9 | + height: 0!important | ||
10 | +} | ||
9 | .big_box { | 11 | .big_box { |
10 | - width: 100%; | 12 | + width: 100%; |
11 | height: 100%; | 13 | height: 100%; |
12 | } | 14 | } |
13 | .shicai{ | 15 | .shicai{ |
@@ -130,10 +132,13 @@ page { | @@ -130,10 +132,13 @@ page { | ||
130 | } | 132 | } |
131 | 133 | ||
132 | .display_box { | 134 | .display_box { |
133 | - width: auto; | 135 | + height: 30rpx; |
134 | margin-left: 40rpx; | 136 | margin-left: 40rpx; |
135 | display: flex; | 137 | display: flex; |
136 | - align-items: center | 138 | + align-items: center; |
139 | + flex-wrap: nowrap; | ||
140 | + white-space: nowrap; | ||
141 | + line-height: 30rpx; | ||
137 | } | 142 | } |
138 | 143 | ||
139 | .money_icon2 { | 144 | .money_icon2 { |
@@ -142,6 +147,8 @@ page { | @@ -142,6 +147,8 @@ page { | ||
142 | } | 147 | } |
143 | 148 | ||
144 | .money2 { | 149 | .money2 { |
150 | + height: 30rpx; | ||
151 | + line-height: 30rpx; | ||
145 | font-size: 38rpx; | 152 | font-size: 38rpx; |
146 | font-weight: bold; | 153 | font-weight: bold; |
147 | color: #f44; | 154 | color: #f44; |
@@ -298,6 +305,9 @@ white-space: nowrap; | @@ -298,6 +305,9 @@ white-space: nowrap; | ||
298 | background-color: #fff; | 305 | background-color: #fff; |
299 | margin-bottom: 20rpx; | 306 | margin-bottom: 20rpx; |
300 | } | 307 | } |
308 | +.item_list2{ | ||
309 | + margin-bottom: 0 | ||
310 | +} | ||
301 | 311 | ||
302 | .user_evaluation { | 312 | .user_evaluation { |
303 | display: flex; | 313 | display: flex; |
@@ -584,7 +594,7 @@ white-space: nowrap; | @@ -584,7 +594,7 @@ white-space: nowrap; | ||
584 | } | 594 | } |
585 | 595 | ||
586 | .ingredients { | 596 | .ingredients { |
587 | - margin-top: 40rpx; | 597 | + /* margin-top: 40rpx; */ |
588 | } | 598 | } |
589 | 599 | ||
590 | .ingredients_title { | 600 | .ingredients_title { |
@@ -676,7 +686,7 @@ white-space: nowrap; | @@ -676,7 +686,7 @@ white-space: nowrap; | ||
676 | } | 686 | } |
677 | .templates{ | 687 | .templates{ |
678 | width: 100%!important; | 688 | width: 100%!important; |
679 | - margin: 20rpx auto 0!important; | 689 | + margin: 30rpx auto 0!important; |
680 | } | 690 | } |
681 | .wxParse-p{ | 691 | .wxParse-p{ |
682 | width: 100%; | 692 | width: 100%; |
@@ -684,7 +694,7 @@ white-space: nowrap; | @@ -684,7 +694,7 @@ white-space: nowrap; | ||
684 | } | 694 | } |
685 | .wxParse-img{ | 695 | .wxParse-img{ |
686 | width: 100%!important; | 696 | width: 100%!important; |
687 | - margin: 0 auto!important | 697 | + margin: -30rpx auto 0!important |
688 | } | 698 | } |
689 | .content_item{ | 699 | .content_item{ |
690 | margin-bottom:120rpx; | 700 | margin-bottom:120rpx; |
@@ -839,12 +849,23 @@ white-space: nowrap; | @@ -839,12 +849,23 @@ white-space: nowrap; | ||
839 | background: rgba(255, 255, 255, 1); | 849 | background: rgba(255, 255, 255, 1); |
840 | border-radius: 10px; | 850 | border-radius: 10px; |
841 | padding-top: 20rpx; | 851 | padding-top: 20rpx; |
842 | - padding-bottom: 130rpx; | 852 | + padding-bottom: 110rpx; |
843 | } | 853 | } |
844 | .info_mask_diceng{ | 854 | .info_mask_diceng{ |
845 | padding-bottom: 0; | 855 | padding-bottom: 0; |
846 | } | 856 | } |
847 | - | 857 | +.goumaishuliang{ |
858 | + height: 120rpx; | ||
859 | + width: 100%; | ||
860 | + margin-top: 50rpx; | ||
861 | + padding: 30rpx; | ||
862 | + box-sizing: border-box; | ||
863 | + display: flex; | ||
864 | + position: relative | ||
865 | +} | ||
866 | +.kucun{ | ||
867 | + color: #a0a0a0 | ||
868 | +} | ||
848 | .goods_name { | 869 | .goods_name { |
849 | font-size: 30rpx; | 870 | font-size: 30rpx; |
850 | font-family: PingFang-SC-Bold; | 871 | font-family: PingFang-SC-Bold; |
@@ -906,7 +927,8 @@ white-space: nowrap; | @@ -906,7 +927,8 @@ white-space: nowrap; | ||
906 | background: rgba(247, 247, 247, 1); | 927 | background: rgba(247, 247, 247, 1); |
907 | border-radius: 0px 0px 10px 10px; | 928 | border-radius: 0px 0px 10px 10px; |
908 | margin-top: 100rpx; | 929 | margin-top: 100rpx; |
909 | - padding: 18rpx 0 0 51rpx; | 930 | + padding-left: 30rpx; |
931 | + /* padding: 18rpx 0 0 51rpx; */ | ||
910 | box-sizing: border-box; | 932 | box-sizing: border-box; |
911 | position: absolute; | 933 | position: absolute; |
912 | bottom: 0; | 934 | bottom: 0; |
@@ -937,6 +959,14 @@ white-space: nowrap; | @@ -937,6 +959,14 @@ white-space: nowrap; | ||
937 | font-family: PingFang-SC-Bold; | 959 | font-family: PingFang-SC-Bold; |
938 | font-weight: bold; | 960 | font-weight: bold; |
939 | } | 961 | } |
962 | +.last_box_top_pricess{ | ||
963 | + font-size: 28rpx; | ||
964 | + line-height: 110rpx; | ||
965 | +} | ||
966 | +.last_box_top_pricess text{ | ||
967 | + font-size: 28rpx!important; | ||
968 | + color: #26363a | ||
969 | +} | ||
940 | 970 | ||
941 | .last_box_top_price text { | 971 | .last_box_top_price text { |
942 | color: #333; | 972 | color: #333; |
@@ -977,7 +1007,16 @@ white-space: nowrap; | @@ -977,7 +1007,16 @@ white-space: nowrap; | ||
977 | right: 36rpx; | 1007 | right: 36rpx; |
978 | top: 30rpx; | 1008 | top: 30rpx; |
979 | } | 1009 | } |
980 | - | 1010 | +.jiajianjian{ |
1011 | + width: 120rpx; | ||
1012 | + height: 50rpx; | ||
1013 | + position: absolute; | ||
1014 | + right:20rpx; | ||
1015 | + top: 50%; | ||
1016 | + transform: translateY(-50%); | ||
1017 | + display: flex; | ||
1018 | + justify-content: space-between; | ||
1019 | +} | ||
981 | .jiajian { | 1020 | .jiajian { |
982 | width: 120rpx; | 1021 | width: 120rpx; |
983 | height: 50rpx; | 1022 | height: 50rpx; |
@@ -90,7 +90,8 @@ Page({ | @@ -90,7 +90,8 @@ Page({ | ||
90 | scrolltop:0, | 90 | scrolltop:0, |
91 | stock:-1, | 91 | stock:-1, |
92 | xiaban:{}, | 92 | xiaban:{}, |
93 | - resolve:false | 93 | + resolve:false, |
94 | + aaa:true | ||
94 | }, | 95 | }, |
95 | //获取购物车数量 | 96 | //获取购物车数量 |
96 | fetchCartNum() { | 97 | fetchCartNum() { |
@@ -859,8 +860,23 @@ Page({ | @@ -859,8 +860,23 @@ Page({ | ||
859 | if (e.scrollTop > 180) { | 860 | if (e.scrollTop > 180) { |
860 | that.setData({ | 861 | that.setData({ |
861 | maodianFlag: true, | 862 | maodianFlag: true, |
862 | - resolve:true | 863 | + aaa: false |
863 | }) | 864 | }) |
865 | + if(that.data.nav!=0){ | ||
866 | + wx.pageScrollTo({ | ||
867 | + scrollTop: 0, | ||
868 | + duration: 0 | ||
869 | + }) | ||
870 | + that.setData({ | ||
871 | + resolve: true, | ||
872 | + }) | ||
873 | + } | ||
874 | + console.log('改了吗'+that.data.resolve) | ||
875 | + } else { | ||
876 | + that.setData({ | ||
877 | + resolve: false, | ||
878 | + aaa:true | ||
879 | + }) | ||
864 | } | 880 | } |
865 | // if(that.data.nav!==0){ | 881 | // if(that.data.nav!==0){ |
866 | // const query = wx.createSelectorQuery() | 882 | // const query = wx.createSelectorQuery() |
此 diff 太大无法显示。
@@ -5,6 +5,12 @@ | @@ -5,6 +5,12 @@ | ||
5 | } | 5 | } |
6 | .zuida{ | 6 | .zuida{ |
7 | background-color: #fafafa; | 7 | background-color: #fafafa; |
8 | + height: 100%; | ||
9 | + overflow: hidden | ||
10 | + } | ||
11 | + .zuida.active{ | ||
12 | + height: 100%; | ||
13 | + overflow: hidden | ||
8 | } | 14 | } |
9 | page { | 15 | page { |
10 | /* background-color: #fafafa; */ | 16 | /* background-color: #fafafa; */ |
@@ -12,11 +18,11 @@ page { | @@ -12,11 +18,11 @@ page { | ||
12 | height: 100%; | 18 | height: 100%; |
13 | } | 19 | } |
14 | .big_page{ | 20 | .big_page{ |
15 | - min-height: 100% | 21 | + width: 100%; |
16 | } | 22 | } |
17 | -.big_box.active{ | ||
18 | - height: 100%; | ||
19 | - overflow: hidden | 23 | +.big_page.active{ |
24 | + height: 100%; | ||
25 | + overflow: hidden | ||
20 | } | 26 | } |
21 | .page { | 27 | .page { |
22 | width: 100%; | 28 | width: 100%; |
@@ -36,7 +42,7 @@ page { | @@ -36,7 +42,7 @@ page { | ||
36 | } | 42 | } |
37 | 43 | ||
38 | .big_box.active { | 44 | .big_box.active { |
39 | - height: 100%; | 45 | + height: 100%; |
40 | overflow: hidden; | 46 | overflow: hidden; |
41 | } | 47 | } |
42 | 48 | ||
@@ -385,7 +391,10 @@ page { | @@ -385,7 +391,10 @@ page { | ||
385 | border-radius: 16rpx; | 391 | border-radius: 16rpx; |
386 | overflow: hidden; | 392 | overflow: hidden; |
387 | } | 393 | } |
388 | - | 394 | +.good_img image{ |
395 | + width: 100%; | ||
396 | + height: 100% | ||
397 | +} | ||
389 | .label_image { | 398 | .label_image { |
390 | width: 70rpx; | 399 | width: 70rpx; |
391 | height: 70rpx; | 400 | height: 70rpx; |
@@ -395,12 +404,14 @@ page { | @@ -395,12 +404,14 @@ page { | ||
395 | } | 404 | } |
396 | 405 | ||
397 | .goods_img_image { | 406 | .goods_img_image { |
398 | - width: 200rpx; | ||
399 | - height: 200rpx; | 407 | + width: 200rpx!important; |
408 | + height: 200rpx!important; | ||
400 | border-radius: 16rpx; | 409 | border-radius: 16rpx; |
401 | overflow: hidden | 410 | overflow: hidden |
402 | } | 411 | } |
403 | - | 412 | +.good_right{ |
413 | + width: calc(100% - 220rpx) | ||
414 | +} | ||
404 | .good_name { | 415 | .good_name { |
405 | height: 32rpx; | 416 | height: 32rpx; |
406 | line-height: 32rpx; | 417 | line-height: 32rpx; |
@@ -950,6 +961,10 @@ page { | @@ -950,6 +961,10 @@ page { | ||
950 | } | 961 | } |
951 | 962 | ||
952 | .goods_one_right_one { | 963 | .goods_one_right_one { |
964 | + width: 100%; | ||
965 | + overflow: hidden; | ||
966 | + text-overflow: ellipsis; | ||
967 | + white-space: nowrap; | ||
953 | font-size: 30rpx; | 968 | font-size: 30rpx; |
954 | font-family: PingFang-SC-Medium; | 969 | font-family: PingFang-SC-Medium; |
955 | font-weight: 500; | 970 | font-weight: 500; |
@@ -1993,4 +2008,7 @@ color:rgba(18,25,27,1); | @@ -1993,4 +2008,7 @@ color:rgba(18,25,27,1); | ||
1993 | /* padding: 0 */ | 2008 | /* padding: 0 */ |
1994 | /* background: red; */ | 2009 | /* background: red; */ |
1995 | /* padding-top: 200rpx; */ | 2010 | /* padding-top: 200rpx; */ |
2011 | +} | ||
2012 | +.goods_one_right{ | ||
2013 | + width: calc(100% - 180rpx) | ||
1996 | } | 2014 | } |
@@ -390,6 +390,7 @@ after_order(e) { | @@ -390,6 +390,7 @@ after_order(e) { | ||
390 | go_pay(e) { | 390 | go_pay(e) { |
391 | let index = e.currentTarget.dataset.index; | 391 | let index = e.currentTarget.dataset.index; |
392 | let orderList = this.data.orderList; | 392 | let orderList = this.data.orderList; |
393 | + let amount = e.currentTarget.dataset.amount | ||
393 | let pay_type = orderList[index].pay_type; | 394 | let pay_type = orderList[index].pay_type; |
394 | let pay_order_sn = orderList[index].order_sn; | 395 | let pay_order_sn = orderList[index].order_sn; |
395 | console.log(pay_order_sn) | 396 | console.log(pay_order_sn) |
@@ -410,10 +411,13 @@ go_pay(e) { | @@ -410,10 +411,13 @@ go_pay(e) { | ||
410 | success(res) { | 411 | success(res) { |
411 | console.log(456); | 412 | console.log(456); |
412 | console.log(res); | 413 | console.log(res); |
414 | + wx.navigateTo({ | ||
415 | + url: '../paySuccess/paySuccess?order=' + pay_order_sn+'&amount='+amount, | ||
416 | + }) | ||
413 | }, | 417 | }, |
414 | fail(res) { | 418 | fail(res) { |
415 | console.log(789); | 419 | console.log(789); |
416 | - console.log(res); | 420 | + console.log(res); |
417 | } | 421 | } |
418 | }) | 422 | }) |
419 | } | 423 | } |
@@ -40,7 +40,7 @@ | @@ -40,7 +40,7 @@ | ||
40 | <view> | 40 | <view> |
41 | <view class='money_btn' wx:if='{{cell.status==1}}'> | 41 | <view class='money_btn' wx:if='{{cell.status==1}}'> |
42 | <view class='cancel' catchtap='cancel_order' data-index='{{index}}' data-orderid='{{cell.id}}'>取消订单</view> | 42 | <view class='cancel' catchtap='cancel_order' data-index='{{index}}' data-orderid='{{cell.id}}'>取消订单</view> |
43 | - <view class='pay' data-order='{{cell.order_sn}}' catchtap='go_pay' data-index='{{index}}'>付款</view> | 43 | + <view class='pay' data-order='{{cell.order_sn}}' catchtap='go_pay' data-amount='{{cell.amount}}' data-index='{{index}}'>付款</view> |
44 | </view> | 44 | </view> |
45 | <view class='money_btn' wx:elif='{{cell.status==2}}'> | 45 | <view class='money_btn' wx:elif='{{cell.status==2}}'> |
46 | <view class='cancel' data-index='{{index}}' catchtap='alert_send_goods' data-ordersn='{{cell.order_sn}}'>提醒发货</view> | 46 | <view class='cancel' data-index='{{index}}' catchtap='alert_send_goods' data-ordersn='{{cell.order_sn}}'>提醒发货</view> |
@@ -96,7 +96,7 @@ | @@ -96,7 +96,7 @@ | ||
96 | </view> | 96 | </view> |
97 | <view class='money_btn'> | 97 | <view class='money_btn'> |
98 | <view class='cancel' catchtap='cancel_order' data-index='{{index}}' data-orderid='{{cell.id}}'>取消订单</view> | 98 | <view class='cancel' catchtap='cancel_order' data-index='{{index}}' data-orderid='{{cell.id}}'>取消订单</view> |
99 | - <view class='pay' catchtap='go_pay' data-index='{{index}}'>付款</view> | 99 | + <view class='pay' data-order='{{cell.order_sn}}' catchtap='go_pay' data-amount='{{cell.amount}}' data-index='{{index}}'>付款</view> |
100 | </view> | 100 | </view> |
101 | </view> | 101 | </view> |
102 | </view> | 102 | </view> |
pages/my/paySuccess/paySuccess.js
0 → 100644
1 | +// pages/my/paySuccess/paySuccess.js | ||
2 | +Page({ | ||
3 | + | ||
4 | + /** | ||
5 | + * 页面的初始数据 | ||
6 | + */ | ||
7 | + data: { | ||
8 | + order: null, | ||
9 | + amount: null | ||
10 | + }, | ||
11 | + | ||
12 | + //get_back | ||
13 | + get_back(){ | ||
14 | + wx.switchTab({ | ||
15 | + url: '../my', | ||
16 | + }) | ||
17 | + }, | ||
18 | + //返回首页 | ||
19 | + go_index(){ | ||
20 | + wx.switchTab({ | ||
21 | + url: '../../index/index', | ||
22 | + }) | ||
23 | + }, | ||
24 | + //订单详情 | ||
25 | + go_order(){ | ||
26 | + wx.navigateTo({ | ||
27 | + url: '/pages/my/unship/unship?id='+this.data.order, | ||
28 | + }) | ||
29 | + }, | ||
30 | + | ||
31 | + /** | ||
32 | + * 生命周期函数--监听页面加载 | ||
33 | + */ | ||
34 | + onLoad: function (options) { | ||
35 | + this.setData({ | ||
36 | + order:options.order, | ||
37 | + amount:options.amount | ||
38 | + }) | ||
39 | + }, | ||
40 | + | ||
41 | + /** | ||
42 | + * 生命周期函数--监听页面初次渲染完成 | ||
43 | + */ | ||
44 | + onReady: function () { | ||
45 | + | ||
46 | + }, | ||
47 | + | ||
48 | + /** | ||
49 | + * 生命周期函数--监听页面显示 | ||
50 | + */ | ||
51 | + onShow: function () { | ||
52 | + | ||
53 | + }, | ||
54 | + | ||
55 | + /** | ||
56 | + * 生命周期函数--监听页面隐藏 | ||
57 | + */ | ||
58 | + onHide: function () { | ||
59 | + | ||
60 | + }, | ||
61 | + | ||
62 | + /** | ||
63 | + * 生命周期函数--监听页面卸载 | ||
64 | + */ | ||
65 | + onUnload: function () { | ||
66 | + | ||
67 | + }, | ||
68 | + | ||
69 | + /** | ||
70 | + * 页面相关事件处理函数--监听用户下拉动作 | ||
71 | + */ | ||
72 | + onPullDownRefresh: function () { | ||
73 | + | ||
74 | + }, | ||
75 | + | ||
76 | + /** | ||
77 | + * 页面上拉触底事件的处理函数 | ||
78 | + */ | ||
79 | + onReachBottom: function () { | ||
80 | + | ||
81 | + }, | ||
82 | + | ||
83 | + /** | ||
84 | + * 用户点击右上角分享 | ||
85 | + */ | ||
86 | + onShareAppMessage: function () { | ||
87 | + return { | ||
88 | + path: '/pages/start/start?share_id=' + app.globalData.user_id, | ||
89 | + imgUrl: '', | ||
90 | + title: '' | ||
91 | + } | ||
92 | + } | ||
93 | +}) |
pages/my/paySuccess/paySuccess.json
0 → 100644
pages/my/paySuccess/paySuccess.wxml
0 → 100644
1 | +<view class='page'> | ||
2 | + <view class='banner'> | ||
3 | + <view class='iconfont icon-fanhui' catchtap='get_back'></view> | ||
4 | + <view class='coupons'>支付成功</view> | ||
5 | + <view class='share'> | ||
6 | + <button open-type='share' type='false' class='share_btn' plain='true'> | ||
7 | + <image src='../../imgs/fenxinag.png'></image> | ||
8 | + </button> | ||
9 | + </view> | ||
10 | + </view> | ||
11 | + <view class='two'> | ||
12 | + <view class='two_item'> | ||
13 | + <view class='duigoua'> | ||
14 | + <image src='../../imgs/duigoua.png'></image> | ||
15 | + </view> | ||
16 | + <view class='pay_success'>付款成功</view> | ||
17 | + <view class='price'>¥{{amount}}</view> | ||
18 | + </view> | ||
19 | + <view class='two_two' bindtap='go_order'>订单详情</view> | ||
20 | + <view class='two_three' bindtap='go_index'>返回首页</view> | ||
21 | + </view> | ||
22 | +</view> |
pages/my/paySuccess/paySuccess.wxss
0 → 100644
1 | +page { | ||
2 | + width: 100%; | ||
3 | + height: 100%; | ||
4 | + background: #fafafa; | ||
5 | +} | ||
6 | + | ||
7 | +.page { | ||
8 | + width: 100%; | ||
9 | +} | ||
10 | +.share{ | ||
11 | + height: 86rpx; | ||
12 | + width: 36rpx; | ||
13 | + padding: 26rpx 0; | ||
14 | + box-sizing: border-box | ||
15 | +} | ||
16 | +.share_btn { | ||
17 | + width: 36rpx!important; | ||
18 | + height: 34rpx!important; | ||
19 | + /* background: transparent; */ | ||
20 | + padding: 0; | ||
21 | + margin: 0; | ||
22 | + border: 0 !important; | ||
23 | + color: #222; | ||
24 | + z-index: 999; | ||
25 | + display: flex; | ||
26 | + justify-content: center; | ||
27 | + align-items: center | ||
28 | +} | ||
29 | +.share_btn image{ | ||
30 | + width: 100%; | ||
31 | + height: 100% | ||
32 | +} | ||
33 | +.two { | ||
34 | + width: 100%; | ||
35 | + height: 380rpx; | ||
36 | + padding: 0 25rpx; | ||
37 | + box-sizing: border-box; | ||
38 | + margin-top: 16rpx; | ||
39 | +} | ||
40 | + | ||
41 | +.two_item { | ||
42 | + width: 100%; | ||
43 | + height: 100%; | ||
44 | + background: rgba(255, 255, 255, 1); | ||
45 | + border: 1rpx solid rgba(237, 237, 237, 1); | ||
46 | + border-radius: 16rpx; | ||
47 | + padding: 57rpx 0 70rpx 0; | ||
48 | + box-sizing: border-box; | ||
49 | +} | ||
50 | + | ||
51 | +.duigoua { | ||
52 | + width: 126rpx; | ||
53 | + height: 110rpx; | ||
54 | + margin: 0 auto; | ||
55 | +} | ||
56 | +.duigoua image{ | ||
57 | + width: 100%; | ||
58 | + height: 100% | ||
59 | +} | ||
60 | + | ||
61 | +.pay_success { | ||
62 | + font-size: 32rpx; | ||
63 | + font-family: PingFang SC; | ||
64 | + font-weight: 500; | ||
65 | + color: #ffda44; | ||
66 | + text-align: center; | ||
67 | + margin-top: 19rpx; | ||
68 | +} | ||
69 | + | ||
70 | +.price { | ||
71 | + height: 52rpx; | ||
72 | + line-height: 52rpx; | ||
73 | + margin-top: 41rpx; | ||
74 | + font-size: 70rpx; | ||
75 | + font-family: PingFang SC; | ||
76 | + font-weight: bold; | ||
77 | + color: rgba(51, 51, 51, 1); | ||
78 | + text-align: center; | ||
79 | +} | ||
80 | + | ||
81 | +.two_two, .two_three { | ||
82 | + width: 100%; | ||
83 | + height: 80rpx; | ||
84 | + background: #ffda44; | ||
85 | + box-shadow: 0rpx 15rpx 30rpx 0rpx rgba(255,218,68,0.6); | ||
86 | + border-radius: 40rpx; | ||
87 | + text-align: center; | ||
88 | + line-height: 80rpx; | ||
89 | + font-size: 26rpx; | ||
90 | + font-family: PingFang SC; | ||
91 | + font-weight: 500; | ||
92 | + color: rgba(255, 255, 255, 1); | ||
93 | + margin-top: 80rpx; | ||
94 | +} | ||
95 | + | ||
96 | +.two_three { | ||
97 | + color: rgba(51, 51, 51, 1); | ||
98 | + background: rgba(255, 255, 255, 1); | ||
99 | + border: 1px solid rgba(224, 224, 224, 1); | ||
100 | + margin-top: 36rpx; | ||
101 | + box-shadow: 0 0 0 0 transparent; | ||
102 | +} |
@@ -10,7 +10,7 @@ Page({ | @@ -10,7 +10,7 @@ Page({ | ||
10 | addressIndex: 0, | 10 | addressIndex: 0, |
11 | address: {}, | 11 | address: {}, |
12 | address_List: [], | 12 | address_List: [], |
13 | - address__id: 4, | 13 | + address__id: null, |
14 | chooseFlagAddress: false, | 14 | chooseFlagAddress: false, |
15 | timedat: '', | 15 | timedat: '', |
16 | showad: false, | 16 | showad: false, |
@@ -66,7 +66,10 @@ Page({ | @@ -66,7 +66,10 @@ Page({ | ||
66 | optionsproId: '', | 66 | optionsproId: '', |
67 | optionspackId: '', | 67 | optionspackId: '', |
68 | optionscart: '', | 68 | optionscart: '', |
69 | - timeflags:false | 69 | + timeflags:false, |
70 | + addd:null, | ||
71 | + aamount: null, | ||
72 | + dingdanid:null | ||
70 | }, | 73 | }, |
71 | //changeTime | 74 | //changeTime |
72 | changeTime() { | 75 | changeTime() { |
@@ -76,16 +79,25 @@ Page({ | @@ -76,16 +79,25 @@ Page({ | ||
76 | }, | 79 | }, |
77 | //检测选择时间的picker | 80 | //检测选择时间的picker |
78 | bindMultiPickerChange(e) { | 81 | bindMultiPickerChange(e) { |
82 | + if(this.data.panduan){ | ||
83 | + var addressId = this.data.deliverTimeId | ||
84 | + } else { | ||
85 | + var addressId = this.data.addd | ||
86 | + } | ||
79 | this.setData({ | 87 | this.setData({ |
80 | multiIndex: e.detail.value, | 88 | multiIndex: e.detail.value, |
81 | - timeflag:false | 89 | + timeflag:false, |
90 | + deliverTimeId: addressId, | ||
82 | }) | 91 | }) |
83 | }, | 92 | }, |
84 | //检测picker改变 | 93 | //检测picker改变 |
85 | bindMultiPickerColumnChange(e) { | 94 | bindMultiPickerColumnChange(e) { |
86 | - if (this.data.timeflags){ | 95 | + // if (this.data.timeflags){ |
96 | + this.setData({ | ||
97 | + panduan: true | ||
98 | + }) | ||
87 | let that = this | 99 | let that = this |
88 | - var deliveryTimeId = that.data.deliverTimeId | 100 | + var deliveryTimeId = null |
89 | let column = e.detail.column | 101 | let column = e.detail.column |
90 | let data = { | 102 | let data = { |
91 | multiIndex: that.data.multiIndex, | 103 | multiIndex: that.data.multiIndex, |
@@ -93,6 +105,7 @@ Page({ | @@ -93,6 +105,7 @@ Page({ | ||
93 | timeDataArray: that.data.timeDataArray | 105 | timeDataArray: that.data.timeDataArray |
94 | } | 106 | } |
95 | data.multiIndex[column] = e.detail.value; | 107 | data.multiIndex[column] = e.detail.value; |
108 | + console.log(e.detail.value+'shijiyaya') | ||
96 | switch (column) { | 109 | switch (column) { |
97 | case 0: | 110 | case 0: |
98 | data.multiArray[1] = that.data.week_two[e.detail.value] | 111 | data.multiArray[1] = that.data.week_two[e.detail.value] |
@@ -107,23 +120,23 @@ Page({ | @@ -107,23 +120,23 @@ Page({ | ||
107 | if (e == c) { | 120 | if (e == c) { |
108 | ele.children.forEach(function (eles, indexs) { | 121 | ele.children.forEach(function (eles, indexs) { |
109 | if (eles.disabled) { | 122 | if (eles.disabled) { |
110 | - if (b == eles.label) { | ||
111 | - deliveryTimeId = eles.value | ||
112 | - } | ||
113 | - that.setData({ | ||
114 | - timeflag: false | ||
115 | - }) | 123 | + wx.showToast({ |
124 | + title: '亲,该时间段已排满咯~', | ||
125 | + icon: 'none' | ||
126 | + }) | ||
127 | + that.setData({ | ||
128 | + timeflag: true | ||
129 | + }) | ||
130 | + return | ||
116 | } else { | 131 | } else { |
117 | - console.log(909090) | ||
118 | - wx.showToast({ | ||
119 | - title: '亲,该时间段已排满咯~', | ||
120 | - icon: 'none' | ||
121 | - }) | ||
122 | - that.setData({ | ||
123 | - timeflag: true | ||
124 | - }) | ||
125 | - deliveryTimeId = deliveryTimeId | ||
126 | - return | 132 | + if (b == eles.label) { |
133 | + console.log('b') | ||
134 | + deliveryTimeId = eles.value | ||
135 | + console.log('时间id'+eles.value) | ||
136 | + } | ||
137 | + that.setData({ | ||
138 | + timeflag: false | ||
139 | + }) | ||
127 | } | 140 | } |
128 | }) | 141 | }) |
129 | } | 142 | } |
@@ -132,7 +145,7 @@ Page({ | @@ -132,7 +145,7 @@ Page({ | ||
132 | that.setData({ | 145 | that.setData({ |
133 | deliverTimeId: deliveryTimeId | 146 | deliverTimeId: deliveryTimeId |
134 | }) | 147 | }) |
135 | - } | 148 | + // } |
136 | }, | 149 | }, |
137 | //判断星期几 | 150 | //判断星期几 |
138 | getWeek() { | 151 | getWeek() { |
@@ -157,36 +170,43 @@ Page({ | @@ -157,36 +170,43 @@ Page({ | ||
157 | } | 170 | } |
158 | week_arr.push(ele.label) | 171 | week_arr.push(ele.label) |
159 | week_right.push(ele.arr) | 172 | week_right.push(ele.arr) |
160 | - }); | ||
161 | - week_right.splice(count, 1) | ||
162 | - let foo = week_arr.indexOf(week) | ||
163 | - if (foo > -1) { | ||
164 | - week_arr.splice(foo, 1); | 173 | + }); |
174 | + var i = null | ||
175 | + week_right.forEach(function (elee,indexe) { | ||
176 | + if (elee.length == 0) { | ||
177 | + i=indexe | ||
178 | + week_arr.splice(indexe, 1) | ||
165 | } | 179 | } |
166 | - // weeks[0] = week_arr | ||
167 | - // weeks[1] = week_right | ||
168 | - // weeks[1] = ["13.00-15.00","15.00-17.00"] | 180 | + }) |
181 | + week_right.splice(i,1) | ||
182 | + console.log(week_right) | ||
183 | + console.log(week_arr) | ||
184 | + console.log(1414) | ||
185 | + // week_right.splice(count, 1) | ||
186 | + // let foo = week_arr.indexOf(week) | ||
187 | + // console.log(foo) | ||
188 | + // if (foo >= -1) { | ||
189 | + // week_arr.splice(count, 1); | ||
190 | + // }else{ | ||
191 | + | ||
192 | + // } | ||
169 | var weeks_two = week_right | 193 | var weeks_two = week_right |
170 | - console.log('000') | ||
171 | - console.log(week_arr) | ||
172 | this.setData({ | 194 | this.setData({ |
173 | timeDataArray: canlda, | 195 | timeDataArray: canlda, |
174 | week_arr: week_arr, | 196 | week_arr: week_arr, |
175 | multiArray: weeks, | 197 | multiArray: weeks, |
176 | week_two: weeks_two | 198 | week_two: weeks_two |
177 | }); | 199 | }); |
200 | + console.log('3232') | ||
201 | + console.log(this.data.week_two) | ||
178 | this.start() | 202 | this.start() |
179 | }, | 203 | }, |
180 | start() { | 204 | start() { |
181 | let arr1 = this.data.week_two | 205 | let arr1 = this.data.week_two |
182 | let week_arr = this.data.week_arr | 206 | let week_arr = this.data.week_arr |
183 | - console.log(arr1) | ||
184 | - console.log(week_arr) | ||
185 | this.setData({ | 207 | this.setData({ |
186 | multiArray: [week_arr, arr1[0]] | 208 | multiArray: [week_arr, arr1[0]] |
187 | }) | 209 | }) |
188 | - console.log(111) | ||
189 | - console.log([week_arr, arr1[0]]) | ||
190 | }, | 210 | }, |
191 | //返回 | 211 | //返回 |
192 | get_my() { | 212 | get_my() { |
@@ -244,32 +264,43 @@ Page({ | @@ -244,32 +264,43 @@ Page({ | ||
244 | app.post(url, params).then(r => { | 264 | app.post(url, params).then(r => { |
245 | console.log(r) | 265 | console.log(r) |
246 | var list = r.data.list; | 266 | var list = r.data.list; |
247 | - var addid = null | ||
248 | r.data.vips.forEach(function(ele, index) { | 267 | r.data.vips.forEach(function(ele, index) { |
249 | ele.t = false | 268 | ele.t = false |
250 | }); | 269 | }); |
270 | + var n = 0 | ||
251 | r.data.timeDataArray.forEach(function(ele, index) { | 271 | r.data.timeDataArray.forEach(function(ele, index) { |
252 | - if(index==0){ | ||
253 | - addid = ele.children[0].value | ||
254 | - } | 272 | + ele.children.forEach(function(e,i){ |
273 | + if(!e.disabled){ | ||
274 | + n++ | ||
275 | + if (n == 1) { | ||
276 | + addid = ele.children[0].value | ||
277 | + } | ||
278 | + } | ||
279 | + }) | ||
255 | var new_arr = [] | 280 | var new_arr = [] |
256 | for (let i = 0; i < ele.children.length; i++) { | 281 | for (let i = 0; i < ele.children.length; i++) { |
282 | + if (ele.children[i].disabled){ | ||
283 | + | ||
284 | + } else { | ||
257 | new_arr.push(ele.children[i].label) | 285 | new_arr.push(ele.children[i].label) |
286 | + } | ||
258 | } | 287 | } |
259 | ele.arr = new_arr | 288 | ele.arr = new_arr |
260 | }) | 289 | }) |
290 | + var amount = that.data.amount + r.data.priceData.shipment_price | ||
261 | that.setData({ | 291 | that.setData({ |
262 | vip: r.data, | 292 | vip: r.data, |
263 | goodsList: r.data.list, | 293 | goodsList: r.data.list, |
264 | addressList: r.data.address, | 294 | addressList: r.data.address, |
265 | address: r.data.address[0], | 295 | address: r.data.address[0], |
296 | + address__id:r.data.address[0].id, | ||
266 | vipList: r.data.vips, | 297 | vipList: r.data.vips, |
267 | timeDataArray: [], | 298 | timeDataArray: [], |
268 | timeDataArray: r.data.timeDataArray, | 299 | timeDataArray: r.data.timeDataArray, |
269 | deliverList: r.data.timeDataArray, | 300 | deliverList: r.data.timeDataArray, |
270 | addressList: r.data.address, | 301 | addressList: r.data.address, |
271 | - amount: that.data.amount, | ||
272 | - addressId:addid | 302 | + amount:amount, |
303 | + addd:addid | ||
273 | }); | 304 | }); |
274 | console.log(addid+'刚进来') | 305 | console.log(addid+'刚进来') |
275 | if (that.data.num == 0) { | 306 | if (that.data.num == 0) { |
@@ -291,30 +322,43 @@ Page({ | @@ -291,30 +322,43 @@ Page({ | ||
291 | app.post(url, params).then(r => { | 322 | app.post(url, params).then(r => { |
292 | if (r.code == 1) { | 323 | if (r.code == 1) { |
293 | var list = r.data.list; | 324 | var list = r.data.list; |
294 | - r.data.timeDataArray.forEach(function (ele, index) { | ||
295 | - if (index == 0) { | ||
296 | - addid = ele.children[0].value | ||
297 | - } | ||
298 | - var new_arr = [] | ||
299 | - for (let i = 0; i < ele.children.length; i++) { | ||
300 | - new_arr.push(ele.children[i].label) | 325 | + var n = 0 |
326 | + r.data.timeDataArray.forEach(function (ele, index) { | ||
327 | + ele.children.forEach(function (e, i) { | ||
328 | + if (!e.disabled) { | ||
329 | + n++ | ||
330 | + if (n == 1) { | ||
331 | + addid = ele.children[0].value | ||
301 | } | 332 | } |
302 | - ele.arr = new_arr | 333 | + } |
303 | }) | 334 | }) |
335 | + var new_arr = [] | ||
336 | + for (let i = 0; i < ele.children.length; i++) { | ||
337 | + if (ele.children[i].disabled) { | ||
338 | + | ||
339 | + } else { | ||
340 | + new_arr.push(ele.children[i].label) | ||
341 | + } | ||
342 | + } | ||
343 | + ele.arr = new_arr | ||
344 | + }) | ||
304 | that.setData({ | 345 | that.setData({ |
305 | vip: r.data, | 346 | vip: r.data, |
306 | goodsList: r.data.list, | 347 | goodsList: r.data.list, |
307 | - addressList: r.data.address, | 348 | + addressList: r.data.address, |
349 | + address: r.data.address[0], | ||
350 | + address__id: r.data.address[0].id, | ||
308 | vipList: r.data.vips, | 351 | vipList: r.data.vips, |
309 | timeDataArray: r.data.timeDataArray, | 352 | timeDataArray: r.data.timeDataArray, |
310 | deliverList: r.data.timeDataArray, | 353 | deliverList: r.data.timeDataArray, |
311 | ship_ment_price: r.data.priceData.shipment_price, | 354 | ship_ment_price: r.data.priceData.shipment_price, |
312 | - addressId:addid | 355 | + addd:addid |
313 | }); | 356 | }); |
314 | // that.fetchAmount(); | 357 | // that.fetchAmount(); |
315 | that.amount() | 358 | that.amount() |
316 | that.getWeek(); | 359 | that.getWeek(); |
317 | } else { | 360 | } else { |
361 | + console.log(3333333333) | ||
318 | wx.showToast({ | 362 | wx.showToast({ |
319 | title: r.msg, | 363 | title: r.msg, |
320 | icon: 'none' | 364 | icon: 'none' |
@@ -337,12 +381,15 @@ Page({ | @@ -337,12 +381,15 @@ Page({ | ||
337 | that.setData({ | 381 | that.setData({ |
338 | vip: r.data, | 382 | vip: r.data, |
339 | goodsList: r.data.list, | 383 | goodsList: r.data.list, |
340 | - addressList: r.data.address, | 384 | + addressList: r.data.address, |
385 | + address: r.data.address[0], | ||
386 | + address__id: r.data.address[0].id, | ||
341 | vipList: r.data.vips, | 387 | vipList: r.data.vips, |
342 | ship_ment_price: r.data.priceData.shipment_price | 388 | ship_ment_price: r.data.priceData.shipment_price |
343 | }); | 389 | }); |
344 | that.amount(); | 390 | that.amount(); |
345 | } else { | 391 | } else { |
392 | + console.log(11111111) | ||
346 | wx.showToast({ | 393 | wx.showToast({ |
347 | title: r.msg, | 394 | title: r.msg, |
348 | icon: 'none', | 395 | icon: 'none', |
@@ -366,25 +413,37 @@ Page({ | @@ -366,25 +413,37 @@ Page({ | ||
366 | var totalPrice = that.data.totalPrice | 413 | var totalPrice = that.data.totalPrice |
367 | app.post(url, params).then(r => { | 414 | app.post(url, params).then(r => { |
368 | if (r.code == 1) { | 415 | if (r.code == 1) { |
369 | - r.data.timeDataArray.forEach(function (ele, index) { | ||
370 | - if (index == 0) { | ||
371 | - addid = ele.children[0].value | ||
372 | - } | ||
373 | - var new_arr = [] | ||
374 | - for (let i = 0; i < ele.children.length; i++) { | ||
375 | - new_arr.push(ele.children[i].label) | 416 | + var n = 0 |
417 | + r.data.timeDataArray.forEach(function (ele, index) { | ||
418 | + ele.children.forEach(function (e, i) { | ||
419 | + if (!e.disabled) { | ||
420 | + n++ | ||
421 | + if (n == 1) { | ||
422 | + addid = ele.children[0].value | ||
376 | } | 423 | } |
377 | - ele.arr = new_arr | 424 | + } |
378 | }) | 425 | }) |
426 | + var new_arr = [] | ||
427 | + for (let i = 0; i < ele.children.length; i++) { | ||
428 | + if (ele.children[i].disabled) { | ||
429 | + | ||
430 | + } else { | ||
431 | + new_arr.push(ele.children[i].label) | ||
432 | + } | ||
433 | + } | ||
434 | + ele.arr = new_arr | ||
435 | + }) | ||
379 | this.setData({ | 436 | this.setData({ |
380 | vip: r.data, | 437 | vip: r.data, |
381 | goodsList: r.data.list, | 438 | goodsList: r.data.list, |
382 | - addressList: r.data.address, | 439 | + addressList: r.data.address, |
440 | + address: r.data.address[0], | ||
441 | + address__id: r.data.address[0].id, | ||
383 | vipList: r.data.vips, | 442 | vipList: r.data.vips, |
384 | timeDataArray: r.data.timeDataArray, | 443 | timeDataArray: r.data.timeDataArray, |
385 | deliverList: r.data.timeDataArray, | 444 | deliverList: r.data.timeDataArray, |
386 | ship_ment_price: r.data.priceData.shipment_price, | 445 | ship_ment_price: r.data.priceData.shipment_price, |
387 | - addressId:addid | 446 | + addd:addid |
388 | }) | 447 | }) |
389 | this.getWeek(); | 448 | this.getWeek(); |
390 | } | 449 | } |
@@ -434,16 +493,26 @@ Page({ | @@ -434,16 +493,26 @@ Page({ | ||
434 | app.post(url, params).then(r => { | 493 | app.post(url, params).then(r => { |
435 | if (r.code == 1) { | 494 | if (r.code == 1) { |
436 | console.log(r) | 495 | console.log(r) |
437 | - r.data.timeDataArray.forEach(function (ele, index) { | ||
438 | - if (index == 0) { | ||
439 | - addid = ele.children[0].value | ||
440 | - } | ||
441 | - var new_arr = [] | ||
442 | - for (let i = 0; i < ele.children.length; i++) { | ||
443 | - new_arr.push(ele.children[i].label) | 496 | + var n = 0 |
497 | + r.data.timeDataArray.forEach(function (ele, index) { | ||
498 | + ele.children.forEach(function (e, i) { | ||
499 | + if (!e.disabled) { | ||
500 | + n++ | ||
501 | + if (n == 1) { | ||
502 | + addid = ele.children[0].value | ||
444 | } | 503 | } |
445 | - ele.arr = new_arr | 504 | + } |
446 | }) | 505 | }) |
506 | + var new_arr = [] | ||
507 | + for (let i = 0; i < ele.children.length; i++) { | ||
508 | + if (ele.children[i].disabled) { | ||
509 | + | ||
510 | + } else { | ||
511 | + new_arr.push(ele.children[i].label) | ||
512 | + } | ||
513 | + } | ||
514 | + ele.arr = new_arr | ||
515 | + }) | ||
447 | r.data.list.forEach(function(ele, index) { | 516 | r.data.list.forEach(function(ele, index) { |
448 | ele.price.substring(0, ele.price.length - 3) | 517 | ele.price.substring(0, ele.price.length - 3) |
449 | ele.price = ele.price * 1 | 518 | ele.price = ele.price * 1 |
@@ -453,7 +522,9 @@ Page({ | @@ -453,7 +522,9 @@ Page({ | ||
453 | that.setData({ | 522 | that.setData({ |
454 | vip: r.data, | 523 | vip: r.data, |
455 | goodsList: r.data.list, | 524 | goodsList: r.data.list, |
456 | - addressList: r.data.address, | 525 | + addressList: r.data.address, |
526 | + address: r.data.address[0], | ||
527 | + address__id: r.data.address[0].id, | ||
457 | vipList: r.data.vips, | 528 | vipList: r.data.vips, |
458 | timeDataArray: r.data.timeDataArray, | 529 | timeDataArray: r.data.timeDataArray, |
459 | deliverList: r.data.timeDataArray, | 530 | deliverList: r.data.timeDataArray, |
@@ -461,7 +532,7 @@ Page({ | @@ -461,7 +532,7 @@ Page({ | ||
461 | amount: price, | 532 | amount: price, |
462 | goodsTotalPrice: price, | 533 | goodsTotalPrice: price, |
463 | last_total_price: price, | 534 | last_total_price: price, |
464 | - addressId: addid | 535 | + addd: addid |
465 | }); | 536 | }); |
466 | this.getWeek(); | 537 | this.getWeek(); |
467 | } | 538 | } |
@@ -514,6 +585,14 @@ Page({ | @@ -514,6 +585,14 @@ Page({ | ||
514 | url = '/wxapp/cart/confirm' | 585 | url = '/wxapp/cart/confirm' |
515 | } else { | 586 | } else { |
516 | url = '/wxapp/cart/confirm2' | 587 | url = '/wxapp/cart/confirm2' |
588 | + } | ||
589 | + console.log(that.data.deliverTimeId + "配送时间ids") | ||
590 | + if (that.data.deliverTimeId==undefined){ | ||
591 | + wx.showToast({ | ||
592 | + title: '请选择配送时间', | ||
593 | + icon:'none' | ||
594 | + }) | ||
595 | + return; | ||
517 | } | 596 | } |
518 | if (that.data.num != 0 && that.data.is_group == 0) { | 597 | if (that.data.num != 0 && that.data.is_group == 0) { |
519 | console.log("商品直接购买") | 598 | console.log("商品直接购买") |
@@ -786,26 +865,29 @@ Page({ | @@ -786,26 +865,29 @@ Page({ | ||
786 | } | 865 | } |
787 | } | 866 | } |
788 | } | 867 | } |
789 | - console.log(params.delivery_time + "配送时间id") | ||
790 | if (that.data.last_total_price > 0) { | 868 | if (that.data.last_total_price > 0) { |
791 | // if (that.data.amount > 0) { | 869 | // if (that.data.amount > 0) { |
792 | if (that.data.is_group == 0) { | 870 | if (that.data.is_group == 0) { |
793 | - if (that.data.addressFlag) { | ||
794 | - wx.showToast({ | ||
795 | - title: '请选择收货地址', | ||
796 | - icon: 'none' | ||
797 | - }) | ||
798 | - } else if (params.delivery_time == 0) { | ||
799 | - wx.showToast({ | ||
800 | - title: '请选择配送时间', | ||
801 | - icon: 'none' | ||
802 | - }) | ||
803 | - } else { | 871 | + // if (that.data.addressFlag) { |
872 | + // wx.showToast({ | ||
873 | + // title: '请选择收货地址', | ||
874 | + // icon: 'none' | ||
875 | + // }) | ||
876 | + // } else if (params.delivery_time == 0) { | ||
877 | + // wx.showToast({ | ||
878 | + // title: '请选择配送时间', | ||
879 | + // icon: 'none' | ||
880 | + // }) | ||
881 | + // } else { | ||
804 | app.post(url, params).then(res => { | 882 | app.post(url, params).then(res => { |
805 | if (res.code == 1) { | 883 | if (res.code == 1) { |
806 | var order_sn = res.data.order_sn | 884 | var order_sn = res.data.order_sn |
885 | + var amount = res.data.amount | ||
886 | + var dingdanid = res.data.order_id | ||
807 | that.setData({ | 887 | that.setData({ |
808 | - order_sn: order_sn | 888 | + order_sn: order_sn, |
889 | + aamount: amount, | ||
890 | + dingdanid:dingdanid | ||
809 | }); | 891 | }); |
810 | let url = '/wxapp/pay/index?order_sn=' + order_sn | 892 | let url = '/wxapp/pay/index?order_sn=' + order_sn |
811 | app.post(url).then(r => { | 893 | app.post(url).then(r => { |
@@ -825,6 +907,9 @@ Page({ | @@ -825,6 +907,9 @@ Page({ | ||
825 | that.setData({ | 907 | that.setData({ |
826 | showad: true | 908 | showad: true |
827 | }) | 909 | }) |
910 | + wx.navigateTo({ | ||
911 | + url: '../paySuccess/paySuccess?order='+dingdanid+'&amount='+that.data.aamount, | ||
912 | + }) | ||
828 | console.log(showad+"真假值") | 913 | console.log(showad+"真假值") |
829 | }, | 914 | }, |
830 | fail(res) { | 915 | fail(res) { |
@@ -840,7 +925,10 @@ Page({ | @@ -840,7 +925,10 @@ Page({ | ||
840 | wx.showToast({ | 925 | wx.showToast({ |
841 | title: '支付成功', | 926 | title: '支付成功', |
842 | icon: 'none' | 927 | icon: 'none' |
843 | - }) | 928 | + }) |
929 | + wx.navigateTo({ | ||
930 | + url: '../paySuccess/paySuccess?order=' + dingdanid + '&amount=' + that.data.aamount, | ||
931 | + }) | ||
844 | wx.switchTab({ | 932 | wx.switchTab({ |
845 | url: '../../index/index', | 933 | url: '../../index/index', |
846 | }) | 934 | }) |
@@ -853,7 +941,10 @@ Page({ | @@ -853,7 +941,10 @@ Page({ | ||
853 | signType: r.data.jsApiParameters.signType, | 941 | signType: r.data.jsApiParameters.signType, |
854 | paySign: r.data.jsApiParameters.paySign, | 942 | paySign: r.data.jsApiParameters.paySign, |
855 | success(res) { | 943 | success(res) { |
856 | - console.log(res); | 944 | + console.log(res); |
945 | + wx.navigateTo({ | ||
946 | + url: '../paySuccess/paySuccess?order=' + dingdanid + '&amount=' + that.data.aamount, | ||
947 | + }) | ||
857 | }, | 948 | }, |
858 | fail(res) { | 949 | fail(res) { |
859 | wx.navigateTo({ | 950 | wx.navigateTo({ |
@@ -885,14 +976,14 @@ Page({ | @@ -885,14 +976,14 @@ Page({ | ||
885 | return | 976 | return |
886 | } | 977 | } |
887 | }) | 978 | }) |
888 | - } | 979 | + // } |
889 | } else { | 980 | } else { |
890 | - if (that.data.addressFlag) { | ||
891 | - wx.showToast({ | ||
892 | - title: '请选择收货地址', | ||
893 | - icon: 'none' | ||
894 | - }) | ||
895 | - } else { | 981 | + // if (that.data.addressFlag) { |
982 | + // wx.showToast({ | ||
983 | + // title: '请选择收货地址', | ||
984 | + // icon: 'none' | ||
985 | + // }) | ||
986 | + // } else { | ||
896 | app.post(url, params).then(res => { | 987 | app.post(url, params).then(res => { |
897 | if (res.code == 1) { | 988 | if (res.code == 1) { |
898 | var order_sn = res.data.order_sn | 989 | var order_sn = res.data.order_sn |
@@ -961,6 +1052,7 @@ Page({ | @@ -961,6 +1052,7 @@ Page({ | ||
961 | } | 1052 | } |
962 | } | 1053 | } |
963 | } else { | 1054 | } else { |
1055 | + console.log(2222222222) | ||
964 | wx.showToast({ | 1056 | wx.showToast({ |
965 | title: r.msg, | 1057 | title: r.msg, |
966 | icon: 'none' | 1058 | icon: 'none' |
@@ -969,7 +1061,7 @@ Page({ | @@ -969,7 +1061,7 @@ Page({ | ||
969 | }); | 1061 | }); |
970 | } | 1062 | } |
971 | }) | 1063 | }) |
972 | - } | 1064 | + // } |
973 | } | 1065 | } |
974 | } else { | 1066 | } else { |
975 | wx.showToast({ | 1067 | wx.showToast({ |
@@ -11,13 +11,11 @@ | @@ -11,13 +11,11 @@ | ||
11 | <!-- <view class='expected_time' bindtap='chooseTime' wx:if='{{is_group==0}}'> --> | 11 | <!-- <view class='expected_time' bindtap='chooseTime' wx:if='{{is_group==0}}'> --> |
12 | <picker mode="multiSelector" wx:if='{{is_group==0}}' class='flex_box' bindchange="bindMultiPickerChange" bindcolumnchange="bindMultiPickerColumnChange" value="{{multiIndex}}" range="{{multiArray}}"> | 12 | <picker mode="multiSelector" wx:if='{{is_group==0}}' class='flex_box' bindchange="bindMultiPickerChange" bindcolumnchange="bindMultiPickerColumnChange" value="{{multiIndex}}" range="{{multiArray}}"> |
13 | <view class="picker_class"> | 13 | <view class="picker_class"> |
14 | -<view class='zhanman'> | ||
15 | <view class='iconfont icon-time'></view> | 14 | <view class='iconfont icon-time'></view> |
16 | -<text class='hint' wx:if='{{timeflag}}'>选择时间</text> | ||
17 | -<text class='hint' wx:else>{{multiArray[0][multiIndex[0]]}}{{multiArray[1][multiIndex[1]]}}</text> | 15 | +<view class='hint' wx:if='{{timeflag}}'>选择时间</view> |
16 | +<view class='hint' wx:else>{{multiArray[0][multiIndex[0]]}}{{multiArray[1][multiIndex[1]]}}</view> | ||
18 | 17 | ||
19 | <view class='centers'>送达</view> | 18 | <view class='centers'>送达</view> |
20 | -</view> | ||
21 | <view class='iconfont icon-jinru add_left'></view> | 19 | <view class='iconfont icon-jinru add_left'></view> |
22 | </view> | 20 | </view> |
23 | </picker> | 21 | </picker> |
@@ -28,9 +26,10 @@ | @@ -28,9 +26,10 @@ | ||
28 | </view> | 26 | </view> |
29 | <view class='expected_time' bindtap='openAddress'> | 27 | <view class='expected_time' bindtap='openAddress'> |
30 | <view class='iconfont icon-position'></view> | 28 | <view class='iconfont icon-position'></view> |
31 | - <text wx:if='{{addressFlag}}'>请选择收货地址</text> | ||
32 | - <text wx:else class='centers'>{{address.name}}\t\t\t\t{{address.mobile}}\n{{address.poiname}}\t\t{{address.doorplate}}\t\t</text> | ||
33 | - <view class='iconfont icon-jinru dec_left {{address_jinru?"active":""}}'></view> | 29 | + <!-- <text wx:if='{{addressFlag}}'>请选择收货地址</text> --> |
30 | + <!-- <text wx:else class='centers'>{{address.name}}\t\t\t\t{{address.mobile}}\n{{address.poiname}}\t\t{{address.doorplate}}\t\t</text> --> | ||
31 | + <text class='centers'>{{address.name}}\t\t\t\t{{address.mobile}}\n{{address.poiname}}\t\t{{address.doorplate}}\t\t</text> | ||
32 | + <view class='iconfont icon-jinru dec_left active'></view> | ||
34 | </view> | 33 | </view> |
35 | </view> | 34 | </view> |
36 | 35 |
@@ -16,18 +16,6 @@ box-sizing: border-box; | @@ -16,18 +16,6 @@ box-sizing: border-box; | ||
16 | .pages.activity{ | 16 | .pages.activity{ |
17 | overflow: hidden | 17 | overflow: hidden |
18 | } | 18 | } |
19 | -.flex_box { | ||
20 | -width: 100%; | ||
21 | -} | ||
22 | - | ||
23 | -.picker_class { | ||
24 | -width: 100%; | ||
25 | -display: flex; | ||
26 | -justify-content: space-between; | ||
27 | -align-items: center; | ||
28 | -box-sizing: border-box; | ||
29 | -position: relative; | ||
30 | -} | ||
31 | .scroll{ | 19 | .scroll{ |
32 | width: 100%; | 20 | width: 100%; |
33 | /* height: calc(100% - 600rpx); */ | 21 | /* height: calc(100% - 600rpx); */ |
@@ -120,7 +108,8 @@ position: relative; | @@ -120,7 +108,8 @@ position: relative; | ||
120 | margin-right: 18rpx; | 108 | margin-right: 18rpx; |
121 | color:rgba(255,68,68,1); | 109 | color:rgba(255,68,68,1); |
122 | /* float: left; */ | 110 | /* float: left; */ |
123 | - display: inline-block | 111 | + display: inline-block; |
112 | + | ||
124 | } | 113 | } |
125 | .zhanman{ | 114 | .zhanman{ |
126 | /* width: 100%; */ | 115 | /* width: 100%; */ |
@@ -131,7 +120,7 @@ position: relative; | @@ -131,7 +120,7 @@ position: relative; | ||
131 | /* float: left; */ | 120 | /* float: left; */ |
132 | display: inline-block; | 121 | display: inline-block; |
133 | color:rgba(34,34,34,1); | 122 | color:rgba(34,34,34,1); |
134 | - padding-right:16rpx; | 123 | + padding-right:26rpx; |
135 | box-sizing: border-box; | 124 | box-sizing: border-box; |
136 | flex-grow: 1; | 125 | flex-grow: 1; |
137 | overflow: hidden; | 126 | overflow: hidden; |
@@ -166,10 +155,8 @@ position: relative; | @@ -166,10 +155,8 @@ position: relative; | ||
166 | .dec_left{ | 155 | .dec_left{ |
167 | position: absolute; | 156 | position: absolute; |
168 | right: 0rpx; | 157 | right: 0rpx; |
169 | - top: 24rpx; | ||
170 | -} | ||
171 | -.dec_left.active{ | ||
172 | - top: 4rpx | 158 | + top: 50%; |
159 | + transform: translateY(-50%) | ||
173 | } | 160 | } |
174 | .hint2 { | 161 | .hint2 { |
175 | font-size: 22rpx; | 162 | font-size: 22rpx; |
@@ -635,4 +622,18 @@ line-height: 45rpx; | @@ -635,4 +622,18 @@ line-height: 45rpx; | ||
635 | display: flex; | 622 | display: flex; |
636 | align-items: center; | 623 | align-items: center; |
637 | justify-content: center; | 624 | justify-content: center; |
625 | +} | ||
626 | + | ||
627 | +.flex_box { | ||
628 | +width: 100%; | ||
629 | +/* background: red */ | ||
630 | +} | ||
631 | + | ||
632 | +.picker_class { | ||
633 | +width: 100%; | ||
634 | +display: flex; | ||
635 | +justify-content: space-between; | ||
636 | +align-items: center; | ||
637 | +box-sizing: border-box; | ||
638 | +position: relative; | ||
638 | } | 639 | } |
@@ -14,6 +14,7 @@ Page({ | @@ -14,6 +14,7 @@ Page({ | ||
14 | totalPrice: 0, | 14 | totalPrice: 0, |
15 | cancel_order:false, | 15 | cancel_order:false, |
16 | cancel_value: '', | 16 | cancel_value: '', |
17 | + amount: null, | ||
17 | sale_arr: [], | 18 | sale_arr: [], |
18 | cancel_reason: [{ id: 1, name: '我不想买了' }, { id: 2, name: '卖家缺货' }, { id: 3, name: '多拍了' }, { id: 4, name: '服务太差' }, { id: 5, name: '信息填写错误' }, { id: 6, name: '再等等' }, { id: 7, name: '其他原因' }], | 19 | cancel_reason: [{ id: 1, name: '我不想买了' }, { id: 2, name: '卖家缺货' }, { id: 3, name: '多拍了' }, { id: 4, name: '服务太差' }, { id: 5, name: '信息填写错误' }, { id: 6, name: '再等等' }, { id: 7, name: '其他原因' }], |
19 | }, | 20 | }, |
@@ -83,7 +84,7 @@ Page({ | @@ -83,7 +84,7 @@ Page({ | ||
83 | success(res) { | 84 | success(res) { |
84 | console.log(res); | 85 | console.log(res); |
85 | wx.navigateTo({ | 86 | wx.navigateTo({ |
86 | - url: '../myOrder/myOrder?status='+2, | 87 | + url: '../paySuccess/paySuccess?order=' + pay_order_sn+'&amount='+this.data.amount, |
87 | }) | 88 | }) |
88 | }, | 89 | }, |
89 | fail(res) { | 90 | fail(res) { |
@@ -184,7 +185,8 @@ Page({ | @@ -184,7 +185,8 @@ Page({ | ||
184 | delivery_time: delivery_time, | 185 | delivery_time: delivery_time, |
185 | totalPrice: totalPrice, | 186 | totalPrice: totalPrice, |
186 | sale_arr: arr, | 187 | sale_arr: arr, |
187 | - More:More | 188 | + More:More, |
189 | + amount: r.data.info.amount | ||
188 | }); | 190 | }); |
189 | }) | 191 | }) |
190 | }, | 192 | }, |
@@ -35,7 +35,7 @@ | @@ -35,7 +35,7 @@ | ||
35 | "list": [] | 35 | "list": [] |
36 | }, | 36 | }, |
37 | "miniprogram": { | 37 | "miniprogram": { |
38 | - "current": 93, | 38 | + "current": 94, |
39 | "list": [ | 39 | "list": [ |
40 | { | 40 | { |
41 | "id": -1, | 41 | "id": -1, |
@@ -694,6 +694,12 @@ | @@ -694,6 +694,12 @@ | ||
694 | "pathName": "pages/my/wait_receite/wait_receite", | 694 | "pathName": "pages/my/wait_receite/wait_receite", |
695 | "query": "", | 695 | "query": "", |
696 | "scene": null | 696 | "scene": null |
697 | + }, | ||
698 | + { | ||
699 | + "id": -1, | ||
700 | + "name": "支付成功页", | ||
701 | + "pathName": "pages/my/paySuccess/paySuccess", | ||
702 | + "scene": null | ||
697 | } | 703 | } |
698 | ] | 704 | ] |
699 | } | 705 | } |
-
请 注册 或 登录 后发表评论