Commit ad3ae98b423a5e255356e69db1da8556c95b3887
1 parent
8b821551
个人资料添加我的兴趣状态初步
Showing
2 changed files
with
314 additions
and
211 deletions
pages/user/userinfo/userinfo.wxml
... | ... | @@ -3,7 +3,7 @@ |
3 | 3 | |
4 | 4 | <!-- 头像,昵称,多个卡 --> |
5 | 5 | <view class="head flex-space-between"> |
6 | - <view class="flex-center"> | |
6 | + <view class="flex-center"> | |
7 | 7 | |
8 | 8 | <view class="flex-center"> |
9 | 9 | <image class="Headportrait" src="{{user.head_pic}}"></image> |
... | ... | @@ -16,22 +16,22 @@ |
16 | 16 | </view> |
17 | 17 | |
18 | 18 | <view class="flex-center fs22 vip"> |
19 | - <block wx:if="{{isBool&&gradename}}"> | |
20 | - <navigator url="/pages/user/userqy/userqy"> | |
21 | - <view class="flex-center AncrownMax"> | |
22 | - <image class="Ancrown" src="{{iurl}}/miniapp/images/userqy/user_userqy_huang.png"></image> | |
23 | - <view>{{gradename}}</view> | |
24 | - </view> | |
25 | - </navigator> | |
26 | - </block> | |
27 | - <block wx:if="{{pulscardname}}"> | |
28 | - <navigator url="/pages/user/plus/plus"> | |
29 | - <view class="flex-center plusMax"> | |
30 | - <image class="fuls" src="{{iurl}}/miniapp/images/userinfo/userinfo/privilege_t.png"></image> | |
31 | - <view>{{pulscardname}}</view> | |
32 | - </view> | |
33 | - </navigator> | |
34 | - </block> | |
19 | + <block wx:if="{{isBool&&gradename}}"> | |
20 | + <navigator url="/pages/user/userqy/userqy"> | |
21 | + <view class="flex-center AncrownMax"> | |
22 | + <image class="Ancrown" src="{{iurl}}/miniapp/images/userqy/user_userqy_huang.png"></image> | |
23 | + <view>{{gradename}}</view> | |
24 | + </view> | |
25 | + </navigator> | |
26 | + </block> | |
27 | + <block wx:if="{{pulscardname}}"> | |
28 | + <navigator url="/pages/user/plus/plus"> | |
29 | + <view class="flex-center plusMax"> | |
30 | + <image class="fuls" src="{{iurl}}/miniapp/images/userinfo/userinfo/privilege_t.png"></image> | |
31 | + <view>{{pulscardname}}</view> | |
32 | + </view> | |
33 | + </navigator> | |
34 | + </block> | |
35 | 35 | </view> |
36 | 36 | </view> |
37 | 37 | </view> |
... | ... | @@ -52,7 +52,7 @@ |
52 | 52 | </view> |
53 | 53 | <view bindtap="editUserInfo1" class="user-name flex-vertical-between" data-type="nickname"> |
54 | 54 | <view>是否启用消费密码</view> |
55 | - <view class="flex-center" bindtap="isstcsp" > | |
55 | + <view class="flex-center" bindtap="isstcsp"> | |
56 | 56 | <view class="flex-center cmleft"> |
57 | 57 | <block wx:if="{{isstcsp}}"> |
58 | 58 | <icon size="20" type="success" color="rgb(212,2,31)"></icon> |
... | ... | @@ -65,26 +65,26 @@ |
65 | 65 | </view> |
66 | 66 | |
67 | 67 | </view> |
68 | - <!-- 是否显示密码 --> | |
69 | - <view class="flex-vertical-between user-name" wx:if="{{isstcsp==1}}"> | |
68 | + <!-- 是否显示密码 --> | |
69 | + <view class="flex-vertical-between user-name" wx:if="{{isstcsp==1}}"> | |
70 | 70 | <view class="user-txt">消费密码</view> |
71 | 71 | <view class="flex"> |
72 | - <block wx:if="{{ispwhid}}"> | |
73 | - <input bindblur="lose_focus" class="fs28 hion user-txt-right"value="{{consumption}}" password="true"/> | |
74 | - </block> | |
75 | - <block wx:else> | |
76 | - <input bindblur="lose_focus" class="fs28 hion user-txt-right"value="{{consumption}}"/> | |
77 | - </block> | |
78 | - | |
72 | + <block wx:if="{{ispwhid}}"> | |
73 | + <input bindblur="lose_focus" class="fs28 hion user-txt-right" value="{{consumption}}" password="true" /> | |
74 | + </block> | |
75 | + <block wx:else> | |
76 | + <input bindblur="lose_focus" class="fs28 hion user-txt-right" value="{{consumption}}" /> | |
77 | + </block> | |
78 | + | |
79 | 79 | <block wx:if="{{ispwhid}}"> |
80 | 80 | <image class="eye" src="{{iurl}}/miniapp/images/userinfo/userinfo/Eye.png" bindtap="ispwhid"></image> |
81 | 81 | </block> |
82 | 82 | <block wx:else> |
83 | 83 | <image class="eye" src="{{iurl}}/miniapp/images/userinfo/open_eye.png" bindtap="ispwhid"></image> |
84 | 84 | </block> |
85 | - | |
86 | -</view> | |
85 | + | |
87 | 86 | </view> |
87 | + </view> | |
88 | 88 | |
89 | 89 | |
90 | 90 | <view bindtap="editUserInfo1" class="user-name flex-vertical-between" data-type="sex"> |
... | ... | @@ -99,7 +99,7 @@ |
99 | 99 | </block> |
100 | 100 | <view class="fs24">男</view> |
101 | 101 | </view> |
102 | - <view class="flex-center {{isGender==2?'Gendercheck':'Gender'}}" data-sex="2"bindtap="isGender" > | |
102 | + <view class="flex-center {{isGender==2?'Gendercheck':'Gender'}}" data-sex="2" bindtap="isGender"> | |
103 | 103 | <block wx:if="{{isGender==2}}"> |
104 | 104 | <image class="GenderImage" src="{{iurl}}/miniapp/images/userinfo/userinfo/femalealready.png"></image> |
105 | 105 | </block> |
... | ... | @@ -109,7 +109,7 @@ |
109 | 109 | <view class="fs26">女</view> |
110 | 110 | </view> |
111 | 111 | </view> |
112 | - | |
112 | + | |
113 | 113 | </view> |
114 | 114 | |
115 | 115 | <view bindtap="editUserInfo1" class="user-name flex-vertical-between" data-type="sex"> |
... | ... | @@ -131,14 +131,13 @@ |
131 | 131 | <view class="user-txt-right"> |
132 | 132 | <!-- 填充数据的时候要判断是否已经有出生日期,有值的话就不可修改 --> |
133 | 133 | <block wx:if="{{user.birthday==''||user.birthday==null}}"> |
134 | - <picker bindchange='bindChange' value="{{datet}}" mode="date" | |
135 | - start="{{year-70}}-1-1" end="{{year}}-12-31"> | |
134 | + <picker bindchange='bindChange' value="{{datet}}" mode="date" start="{{year-70}}-1-1" end="{{year}}-12-31"> | |
136 | 135 | </picker> |
137 | 136 | </block> |
138 | 137 | <block wx:else> |
139 | 138 | <view>{{datet==""? user.birthday==""?"":filters.replace_time2(user.birthday):datet}}</view> |
140 | - </block> | |
141 | - | |
139 | + </block> | |
140 | + | |
142 | 141 | </view> |
143 | 142 | </view> |
144 | 143 | </view> |
... | ... | @@ -146,15 +145,15 @@ |
146 | 145 | <view class="Bbottom"> |
147 | 146 | <view bindtap="editUserInfo1" class="user-name mt flex-vertical-between" data-type="nickname"> |
148 | 147 | <view class="user-name-txt">姓名</view> |
149 | - <input bindblur="user_name" class="user-txt-right t-r" placeholder="*姓名" value='{{user.vipname}}'/> | |
148 | + <input bindblur="user_name" class="user-txt-right t-r" placeholder="*姓名" value='{{user.vipname}}' /> | |
150 | 149 | </view> |
151 | 150 | |
152 | 151 | <view bindtap="editUserInfo1" class="user-name flex-vertical-between" data-type="nickname"> |
153 | 152 | <view class="user-name-txt">身份证</view> |
154 | - | |
155 | - <input bindblur="identity_card" class="user-txt-right t-r" value="{{user.idcard}}" placeholder="*身份证"></input> | |
156 | - | |
157 | - | |
153 | + | |
154 | + <input bindblur="identity_card" class="user-txt-right t-r" value="{{user.idcard}}" placeholder="*身份证"></input> | |
155 | + | |
156 | + | |
158 | 157 | <!-- <block wx:else> |
159 | 158 | <input class="user-txt-right" bindblur="IdentityIDCard" value="" type="idcard" maxlength="18" placeholder="*身份证" /> |
160 | 159 | </block> --> |
... | ... | @@ -166,14 +165,14 @@ |
166 | 165 | <view class="angle">∟</view> |
167 | 166 | </view> |
168 | 167 | </view> |
169 | - | |
168 | + | |
170 | 169 | <view class="user-name flex-vertical-between" data-type="mobile"> |
171 | 170 | <view class="user-name-txt">地址</view> |
172 | 171 | <!-- <block wx:if="{{user.address.length>0}}"> |
173 | 172 | <view>{{user.address}}</view> |
174 | 173 | </block> |
175 | 174 | <block wx:else> --> |
176 | - <input bindblur="address" maxlength="30" value="{{user.address}}" class="user-txt-right" placeholder="*地址" style="text-align:right" /> | |
175 | + <input bindblur="address" maxlength="30" value="{{user.address}}" class="user-txt-right" placeholder="*地址" style="text-align:right" /> | |
177 | 176 | <!-- </block> --> |
178 | 177 | </view> |
179 | 178 | |
... | ... | @@ -182,11 +181,31 @@ |
182 | 181 | <view class="flex-center user-txt-right"> |
183 | 182 | <view class="one-line">{{stoname}} |
184 | 183 | </view> |
185 | - | |
184 | + | |
186 | 185 | <view class="angle">∟</view> |
187 | 186 | </view> |
188 | 187 | </view> |
189 | 188 | </view> |
189 | + <!-- 我的兴趣 --> | |
190 | + <view class="padding Bbottom"> | |
191 | + <view class="interest fs28"> | |
192 | + <view class="flex-vertical-between"> | |
193 | + <view class="fs30">我的兴趣</view> | |
194 | + <view class="angle">∟</view> | |
195 | + </view> | |
196 | + <!-- 选中的标签 --> | |
197 | + <view class="lables flex"> | |
198 | + <view class="lable"> | |
199 | + <view>白领</view> | |
200 | + </view> | |
201 | + <!-- 添加标签按钮 --> | |
202 | + <view class="add_lable flex-center"> | |
203 | + <view class="fs36 plus">+</view> | |
204 | + <view>标签</view> | |
205 | + </view> | |
206 | + </view> | |
207 | + </view> | |
208 | + </view> | |
190 | 209 | <navigator bindtap="goto-address" class="user-name mt flex-vertical-between" url="/pages/user/address_list/address_list"> |
191 | 210 | <view class="user-name-txt">收货地址</view> |
192 | 211 | <view class="flex-center user-txt-right"> |
... | ... | @@ -202,7 +221,7 @@ |
202 | 221 | </view> |
203 | 222 | <!-- 确认修改按钮 --> |
204 | 223 | <view class="flex-center confirm"> |
205 | - <view class="flex-center fs30 confirmtext"bindtap="confirm_revision"> | |
224 | + <view class="flex-center fs30 confirmtext" bindtap="confirm_revision"> | |
206 | 225 | <view>确认修改</view> |
207 | 226 | </view> |
208 | 227 | </view> | ... | ... |
pages/user/userinfo/userinfo.wxss
1 | -.container{ | |
2 | - padding-bottom:165rpx; | |
3 | - transform: translate() | |
1 | +.container { | |
2 | + padding-bottom: 165rpx; | |
3 | + transform: translate(); | |
4 | 4 | } |
5 | + | |
5 | 6 | .user-container { |
6 | - font-size: 30rpx; | |
7 | + font-size: 30rpx; | |
7 | 8 | } |
8 | -input{ | |
9 | + | |
10 | +input { | |
9 | 11 | width: 450rpx; |
10 | 12 | } |
13 | + | |
11 | 14 | .head { |
12 | 15 | height: 220rpx; |
13 | 16 | border-bottom: 6rpx solid rgb(245, 245, 245); |
14 | 17 | border-top: 2rpx solid rgb(245, 245, 245); |
15 | 18 | background-size: 100%; |
16 | 19 | } |
17 | -.angle{ | |
20 | + | |
21 | +.angle { | |
18 | 22 | transform: rotate(225deg); |
19 | 23 | font-size: 24rpx; |
20 | 24 | margin-top: 2rpx; |
25 | + color: rgb(153, 153, 153); | |
21 | 26 | } |
27 | + | |
22 | 28 | .Headportrait { |
23 | 29 | width: 145rpx; |
24 | 30 | height: 145rpx; |
... | ... | @@ -33,18 +39,18 @@ input{ |
33 | 39 | |
34 | 40 | .AncrownMax { |
35 | 41 | background-color: rgb(57, 57, 57); |
36 | - | |
37 | 42 | height: 36rpx; |
38 | 43 | border-radius: 20rpx; |
39 | 44 | margin-right: 20rpx; |
40 | 45 | line-height: 36rpx; |
41 | 46 | padding-right: 14rpx; |
42 | -padding-left: 10rpx; | |
43 | - | |
47 | + padding-left: 10rpx; | |
44 | 48 | } |
45 | -.Nickname{ | |
46 | - max-width:170rpx; | |
49 | + | |
50 | +.Nickname { | |
51 | + max-width: 170rpx; | |
47 | 52 | } |
53 | + | |
48 | 54 | .Ancrown { |
49 | 55 | width: 30rpx; |
50 | 56 | height: 30rpx; |
... | ... | @@ -57,8 +63,7 @@ padding-left: 10rpx; |
57 | 63 | border-radius: 20rpx; |
58 | 64 | line-height: 36rpx; |
59 | 65 | padding-left: 10rpx; |
60 | -padding-right: 14rpx; | |
61 | - | |
66 | + padding-right: 14rpx; | |
62 | 67 | } |
63 | 68 | |
64 | 69 | .fuls { |
... | ... | @@ -102,15 +107,16 @@ padding-right: 14rpx; |
102 | 107 | height: 25rpx; |
103 | 108 | margin-right: 10rpx; |
104 | 109 | } |
105 | -.confirm{ | |
110 | + | |
111 | +.confirm { | |
106 | 112 | width: 100%; |
107 | - position:fixed; | |
113 | + position: fixed; | |
108 | 114 | left: 0rpx; |
109 | 115 | bottom: 0rpx; |
110 | 116 | height: 130rpx; |
111 | - background-color: rgb(255,255,255); | |
117 | + background-color: rgb(255, 255, 255); | |
112 | 118 | z-index: 9; |
113 | - border-top:1rpx solid #ddd | |
119 | + border-top: 1rpx solid #ddd; | |
114 | 120 | } |
115 | 121 | |
116 | 122 | .confirmtext { |
... | ... | @@ -126,7 +132,7 @@ padding-right: 14rpx; |
126 | 132 | } |
127 | 133 | |
128 | 134 | .hion { |
129 | - width:300rpx ; | |
135 | + width: 300rpx; | |
130 | 136 | text-align: right; |
131 | 137 | margin-top: 3rpx; |
132 | 138 | margin-right: 5rpx; |
... | ... | @@ -246,7 +252,7 @@ padding-right: 14rpx; |
246 | 252 | } |
247 | 253 | |
248 | 254 | .code { |
249 | - margin-bottom: 10rpx; | |
255 | + margin-bottom: 10rpx; | |
250 | 256 | } |
251 | 257 | |
252 | 258 | .user-txt-right { |
... | ... | @@ -317,49 +323,58 @@ padding-right: 14rpx; |
317 | 323 | width: 40rpx; |
318 | 324 | margin-left: 36rpx; |
319 | 325 | } |
326 | + | |
320 | 327 | /* 日期控件 */ |
321 | -.pi{ | |
322 | - width:200rpx; | |
323 | - height:auto; | |
324 | - margin-left:10rpx; | |
328 | + | |
329 | +.pi { | |
330 | + width: 200rpx; | |
331 | + height: auto; | |
332 | + margin-left: 10rpx; | |
325 | 333 | } |
326 | -.vipmax{ | |
334 | + | |
335 | +.vipmax { | |
327 | 336 | margin-left: 20rpx; |
328 | 337 | } |
329 | 338 | |
330 | - | |
331 | 339 | /* 门店地址 */ |
332 | -.xc-address_frame{ | |
333 | - border-top:1rpx solid #eee; | |
340 | + | |
341 | +.xc-address_frame { | |
342 | + border-top: 1rpx solid #eee; | |
334 | 343 | width: 100%; |
335 | 344 | height: auto; |
336 | 345 | } |
337 | -.on_height{ | |
338 | -height: 90rpx; | |
346 | + | |
347 | +.on_height { | |
348 | + height: 90rpx; | |
339 | 349 | } |
340 | -.sn_height{ | |
350 | + | |
351 | +.sn_height { | |
341 | 352 | height: 170rpx; |
342 | 353 | } |
343 | -.xc-address_frame .address_frame{ | |
344 | - width: 92%; | |
345 | -padding-left: 10rpx; | |
346 | -margin: auto; | |
347 | 354 | |
355 | +.xc-address_frame .address_frame { | |
356 | + width: 92%; | |
357 | + padding-left: 10rpx; | |
358 | + margin: auto; | |
348 | 359 | } |
349 | -.stores-img{ | |
350 | -width: 40rpx; | |
360 | + | |
361 | +.stores-img { | |
362 | + width: 40rpx; | |
351 | 363 | height: 35rpx; |
352 | 364 | margin-right: 10rpx; |
353 | 365 | } |
354 | -.shop_name{ | |
366 | + | |
367 | +.shop_name { | |
355 | 368 | margin-right: 10rpx; |
356 | 369 | } |
357 | -.address{ | |
370 | + | |
371 | +.address { | |
358 | 372 | width: 87%; |
359 | 373 | margin-top: 5rpx; |
360 | 374 | margin-bottom: 5rpx; |
361 | 375 | } |
362 | -.distance{ | |
376 | + | |
377 | +.distance { | |
363 | 378 | padding-left: 15rpx; |
364 | 379 | padding-right: 15rpx; |
365 | 380 | background: #eee; |
... | ... | @@ -367,203 +382,272 @@ width: 40rpx; |
367 | 382 | margin-right: 5rpx; |
368 | 383 | color: #999; |
369 | 384 | height: 38rpx; |
370 | -line-height: 38rpx; | |
371 | - | |
385 | + line-height: 38rpx; | |
372 | 386 | } |
387 | + | |
373 | 388 | /* 选择门店的弹窗 */ |
374 | -.mongolia-layer{ | |
375 | - position: fixed; | |
376 | -left: 0; | |
377 | -top: 0; | |
378 | -right: 0; | |
379 | -bottom: 0; | |
380 | -z-index: 11; | |
381 | -background: rgba(0,0,0,0.4); | |
382 | -width: 100%; | |
383 | -height: 91.9%; | |
384 | 389 | |
390 | +.mongolia-layer { | |
391 | + position: fixed; | |
392 | + left: 0; | |
393 | + top: 0; | |
394 | + right: 0; | |
395 | + bottom: 0; | |
396 | + z-index: 11; | |
397 | + background: rgba(0, 0, 0, 0.4); | |
398 | + width: 100%; | |
399 | + height: 91.9%; | |
385 | 400 | } |
386 | -.popup-frame{ | |
401 | + | |
402 | +.popup-frame { | |
387 | 403 | position: fixed; |
388 | -bottom:-1rpx; | |
389 | -z-index: 20; | |
390 | -background: white; | |
391 | -width: 100%; | |
392 | -border-radius: 20rpx 20rpx 0 0; | |
393 | -height: 72%; | |
394 | -} | |
395 | -.popup-top{ | |
404 | + bottom: -1rpx; | |
405 | + z-index: 20; | |
406 | + background: white; | |
407 | + width: 100%; | |
408 | + border-radius: 20rpx 20rpx 0 0; | |
409 | + height: 72%; | |
410 | +} | |
411 | + | |
412 | +.popup-top { | |
396 | 413 | border-bottom: 1rpx solid #eee; |
397 | 414 | height: 155rpx; |
398 | 415 | width: 95%; |
399 | 416 | margin: auto; |
400 | 417 | line-height: 155rpx; |
401 | - | |
402 | 418 | } |
403 | -.bg_rights{ | |
404 | - border-top: 2rpx solid ; | |
405 | - border-right: 2rpx solid ; | |
406 | - transform: rotate(45deg); | |
407 | - display:inline-block; | |
408 | - width:15rpx;height:15rpx; | |
409 | - border-color:#da0b31; | |
419 | + | |
420 | +.bg_rights { | |
421 | + border-top: 2rpx solid; | |
422 | + border-right: 2rpx solid; | |
423 | + transform: rotate(45deg); | |
424 | + display: inline-block; | |
425 | + width: 15rpx; | |
426 | + height: 15rpx; | |
427 | + border-color: #da0b31; | |
410 | 428 | } |
429 | + | |
411 | 430 | .modal-closes { |
412 | - position: absolute; | |
413 | - right: 30rpx; | |
414 | - top: 20rpx; | |
415 | - height: 50rpx; | |
416 | - line-height: 50rpx; | |
431 | + position: absolute; | |
432 | + right: 30rpx; | |
433 | + top: 20rpx; | |
434 | + height: 50rpx; | |
435 | + line-height: 50rpx; | |
417 | 436 | } |
418 | -.choose_more{ | |
437 | + | |
438 | +.choose_more { | |
419 | 439 | margin-top: 40rpx; |
420 | 440 | padding-right: 20rpx; |
421 | - | |
422 | 441 | } |
423 | -.choose_mores{ | |
442 | + | |
443 | +.choose_mores { | |
424 | 444 | margin-top: 30rpx; |
425 | 445 | margin-right: 15rpx; |
426 | - | |
427 | 446 | } |
428 | -.store-list{ | |
447 | + | |
448 | +.store-list { | |
429 | 449 | width: 95%; |
430 | 450 | height: 72%; |
431 | 451 | overflow-y: scroll; |
432 | 452 | margin: auto; |
433 | 453 | } |
434 | -.store-list .store_choose{ | |
454 | + | |
455 | +.store-list .store_choose { | |
435 | 456 | width: 100%; |
436 | 457 | height: 120rpx; |
437 | 458 | line-height: 125rpx; |
438 | 459 | border-bottom: 1rpx solid #eee; |
439 | - | |
440 | 460 | } |
441 | -.store-list .store_choose .store{ | |
442 | -width: 100%; | |
443 | -margin: auto; | |
444 | -line-height: 37rpx; | |
445 | -padding-left: 20rpx; | |
446 | 461 | |
462 | +.store-list .store_choose .store { | |
463 | + width: 100%; | |
464 | + margin: auto; | |
465 | + line-height: 37rpx; | |
466 | + padding-left: 20rpx; | |
447 | 467 | } |
448 | -.xc-hook{ | |
468 | + | |
469 | +.xc-hook { | |
449 | 470 | width: 33rpx; |
450 | 471 | height: 33rpx; |
451 | 472 | transform: rotate(-145deg); |
452 | -line-height: 37rpx; | |
453 | -text-align: center; | |
473 | + line-height: 37rpx; | |
474 | + text-align: center; | |
454 | 475 | } |
455 | - .xc-hooks{ | |
456 | - width: 30rpx; | |
476 | + | |
477 | +.xc-hooks { | |
478 | + width: 30rpx; | |
457 | 479 | height: 30rpx; |
458 | - border: 1rpx solid #999; | |
459 | - } | |
460 | - .address-frame{ | |
461 | - width: 93%; | |
462 | -margin-left: 7rpx; | |
463 | - | |
464 | - } | |
465 | - .nearby_store{ | |
466 | -margin-left: 17rpx; | |
467 | - } | |
468 | - .address_name{ | |
469 | - margin-right: 10rpx; | |
470 | - | |
471 | - } | |
472 | - .address-val{ | |
473 | - height: 38rpx; | |
474 | -line-height: 38rpx; | |
475 | - | |
476 | - } | |
477 | - .store-bottom{ | |
478 | - width: 85%; | |
479 | - margin: auto; | |
480 | - height: 70rpx; | |
481 | - } | |
482 | - .determine{ | |
483 | - width: 320rpx; | |
480 | + border: 1rpx solid #999; | |
481 | +} | |
482 | + | |
483 | +.address-frame { | |
484 | + width: 93%; | |
485 | + margin-left: 7rpx; | |
486 | +} | |
487 | + | |
488 | +.nearby_store { | |
489 | + margin-left: 17rpx; | |
490 | +} | |
491 | + | |
492 | +.address_name { | |
493 | + margin-right: 10rpx; | |
494 | +} | |
495 | + | |
496 | +.address-val { | |
497 | + height: 38rpx; | |
498 | + line-height: 38rpx; | |
499 | +} | |
500 | + | |
501 | +.store-bottom { | |
502 | + width: 85%; | |
503 | + margin: auto; | |
504 | + height: 70rpx; | |
505 | +} | |
506 | + | |
507 | +.determine { | |
508 | + width: 320rpx; | |
484 | 509 | height: 55rpx; |
485 | 510 | border-radius: 50rpx; |
486 | 511 | line-height: 55rpx; |
487 | - } | |
488 | - .default{ | |
489 | - width: 260rpx; | |
512 | +} | |
513 | + | |
514 | +.default { | |
515 | + width: 260rpx; | |
490 | 516 | height: 55rpx; |
491 | - border:3rpx solid #c8c8c8; | |
492 | - border-radius: 50rpx; | |
493 | - line-height: 55rpx; | |
494 | - } | |
495 | - .store-bottom-frame{ | |
496 | - width: 95%; | |
497 | - margin: auto; | |
498 | - | |
499 | - } | |
500 | - /* 门店分类列表 */ | |
501 | -.sort_store_list{ | |
517 | + border: 3rpx solid #c8c8c8; | |
518 | + border-radius: 50rpx; | |
519 | + line-height: 55rpx; | |
520 | +} | |
521 | + | |
522 | +.store-bottom-frame { | |
523 | + width: 95%; | |
524 | + margin: auto; | |
525 | +} | |
526 | + | |
527 | +/* 门店分类列表 */ | |
528 | + | |
529 | +.sort_store_list { | |
502 | 530 | height: 82%; |
503 | 531 | overflow: hidden; |
504 | 532 | overflow-y: scroll; |
505 | 533 | width: 95%; |
506 | 534 | margin: auto; |
507 | 535 | } |
508 | -.sort_store_list .sort-store-frame{ | |
509 | - width: 100%; | |
510 | -height: 100rpx; | |
511 | -line-height:100rpx; | |
512 | -border-bottom: 1rpx solid #eee; | |
513 | 536 | |
537 | +.sort_store_list .sort-store-frame { | |
538 | + width: 100%; | |
539 | + height: 100rpx; | |
540 | + line-height: 100rpx; | |
541 | + border-bottom: 1rpx solid #eee; | |
514 | 542 | } |
515 | -.sort_store_list .sort-store-frame .sort-store{ | |
543 | + | |
544 | +.sort_store_list .sort-store-frame .sort-store { | |
516 | 545 | width: 94.5%; |
517 | 546 | margin: auto; |
518 | 547 | } |
519 | -.black_rights-frame{ | |
520 | -width: 50%; | |
548 | + | |
549 | +.black_rights-frame { | |
550 | + width: 50%;; | |
521 | 551 | } |
522 | -.black_rights-frame .black_rights{ | |
552 | + | |
553 | +.black_rights-frame .black_rights { | |
523 | 554 | border-top: 3rpx solid; |
524 | -border-right: 3rpx solid; | |
525 | -transform: rotate(45deg); | |
526 | -display: inline-block; | |
527 | -width: 20rpx; | |
528 | -height: 20rpx; | |
555 | + border-right: 3rpx solid; | |
556 | + transform: rotate(45deg); | |
557 | + display: inline-block; | |
558 | + width: 20rpx; | |
559 | + height: 20rpx; | |
529 | 560 | } |
530 | -.xc-val-money{ | |
531 | - height:80rpx; | |
561 | + | |
562 | +.xc-val-money { | |
563 | + height: 80rpx; | |
532 | 564 | } |
533 | 565 | |
534 | -.xc-distance-bottom{ | |
535 | - margin-bottom: 40rpx; | |
566 | +.xc-distance-bottom { | |
567 | + margin-bottom: 40rpx; | |
536 | 568 | } |
537 | -.xc-distance-top{ | |
538 | -margin-top: 10rpx; | |
569 | + | |
570 | +.xc-distance-top { | |
571 | + margin-top: 10rpx; | |
539 | 572 | } |
540 | -.xc-width{ | |
573 | + | |
574 | +.xc-width { | |
541 | 575 | width: 100%; |
542 | 576 | } |
543 | -.right-arrow{ width: 15rpx; height:15rpx; | |
544 | - border-top: 2rpx solid #d70026; | |
545 | - border-right: 2rpx solid #d70026; | |
546 | - transform: rotate(45deg);display:inline-block; | |
547 | - margin-bottom:3rpx; | |
577 | + | |
578 | +.right-arrow { | |
579 | + width: 15rpx; | |
580 | + height: 15rpx; | |
581 | + border-top: 2rpx solid #d70026; | |
582 | + border-right: 2rpx solid #d70026; | |
583 | + transform: rotate(45deg); | |
584 | + display: inline-block; | |
585 | + margin-bottom: 3rpx; | |
548 | 586 | } |
549 | -.xc-goods-attribute{ | |
587 | + | |
588 | +.xc-goods-attribute { | |
550 | 589 | border-bottom: 1px solid #eee; |
551 | -padding-bottom: 15px; | |
552 | -margin-bottom:40rpx; | |
590 | + padding-bottom: 15px; | |
591 | + margin-bottom: 40rpx; | |
553 | 592 | } |
554 | -.xc-val-fream{ | |
593 | + | |
594 | +.xc-val-fream { | |
555 | 595 | width: 105rpx; |
556 | 596 | } |
557 | -.is_stock{ | |
558 | -width: 58%; | |
559 | -height: 70rpx; | |
560 | -border-radius: 55rpx; | |
597 | + | |
598 | +.is_stock { | |
599 | + width: 58%; | |
600 | + height: 70rpx; | |
601 | + border-radius: 55rpx; | |
561 | 602 | } |
562 | -.select_store_height{ | |
603 | + | |
604 | +.select_store_height { | |
563 | 605 | height: 50rpx; |
564 | 606 | } |
565 | -.butttem5{ | |
607 | + | |
608 | +.butttem5 { | |
566 | 609 | margin-bottom: 5rpx; |
567 | 610 | } |
568 | 611 | |
569 | -.s_btn{ margin-top: 25rpx; } | |
570 | 612 | \ No newline at end of file |
613 | +.s_btn { | |
614 | + margin-top: 25rpx; | |
615 | +} | |
616 | +.padding{ | |
617 | + padding:0rpx 20rpx; | |
618 | + | |
619 | +} | |
620 | +.interest{ | |
621 | + padding:0rpx 20rpx; | |
622 | + padding-top: 30rpx; | |
623 | + padding-bottom: 30rpx; | |
624 | +} | |
625 | +.lables { | |
626 | + max-height: 200rpx; | |
627 | + overflow-y: scroll; | |
628 | + padding-top: 25rpx; | |
629 | + padding-bottom: 20rpx; | |
630 | +} | |
631 | + | |
632 | +.lable { | |
633 | + display: inline-block; | |
634 | + height: 46rpx; | |
635 | + line-height: 46rpx; | |
636 | + margin-right: 15rpx; | |
637 | + color: rgb(255, 255, 255); | |
638 | + border:2rpx solid rgb(255, 138, 160); | |
639 | + background-color: rgb(255, 138, 160); | |
640 | + padding: 0rpx 25rpx; | |
641 | + border-radius: 30rpx; | |
642 | +} | |
643 | + | |
644 | +.add_lable { | |
645 | + width: 110rpx; | |
646 | + height: 46rpx; | |
647 | + line-height: 46rpx; | |
648 | + color: rgb(189, 189, 189); | |
649 | + border:2rpx solid rgb(189, 189, 189); | |
650 | + border-radius: 30rpx; | |
651 | +} | |
652 | +.plus{ | |
653 | + font-weight: bold; | |
654 | +} | |
571 | 655 | \ No newline at end of file | ... | ... |