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