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,7 +3,7 @@ | ||
| 3 | 3 | ||
| 4 | <!-- 头像,昵称,多个卡 --> | 4 | <!-- 头像,昵称,多个卡 --> |
| 5 | <view class="head flex-space-between"> | 5 | <view class="head flex-space-between"> |
| 6 | - <view class="flex-center"> | 6 | + <view class="flex-center"> |
| 7 | 7 | ||
| 8 | <view class="flex-center"> | 8 | <view class="flex-center"> |
| 9 | <image class="Headportrait" src="{{user.head_pic}}"></image> | 9 | <image class="Headportrait" src="{{user.head_pic}}"></image> |
| @@ -16,22 +16,22 @@ | @@ -16,22 +16,22 @@ | ||
| 16 | </view> | 16 | </view> |
| 17 | 17 | ||
| 18 | <view class="flex-center fs22 vip"> | 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 | </view> | 35 | </view> |
| 36 | </view> | 36 | </view> |
| 37 | </view> | 37 | </view> |
| @@ -52,7 +52,7 @@ | @@ -52,7 +52,7 @@ | ||
| 52 | </view> | 52 | </view> |
| 53 | <view bindtap="editUserInfo1" class="user-name flex-vertical-between" data-type="nickname"> | 53 | <view bindtap="editUserInfo1" class="user-name flex-vertical-between" data-type="nickname"> |
| 54 | <view>是否启用消费密码</view> | 54 | <view>是否启用消费密码</view> |
| 55 | - <view class="flex-center" bindtap="isstcsp" > | 55 | + <view class="flex-center" bindtap="isstcsp"> |
| 56 | <view class="flex-center cmleft"> | 56 | <view class="flex-center cmleft"> |
| 57 | <block wx:if="{{isstcsp}}"> | 57 | <block wx:if="{{isstcsp}}"> |
| 58 | <icon size="20" type="success" color="rgb(212,2,31)"></icon> | 58 | <icon size="20" type="success" color="rgb(212,2,31)"></icon> |
| @@ -65,26 +65,26 @@ | @@ -65,26 +65,26 @@ | ||
| 65 | </view> | 65 | </view> |
| 66 | 66 | ||
| 67 | </view> | 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 | <view class="user-txt">消费密码</view> | 70 | <view class="user-txt">消费密码</view> |
| 71 | <view class="flex"> | 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 | <block wx:if="{{ispwhid}}"> | 79 | <block wx:if="{{ispwhid}}"> |
| 80 | <image class="eye" src="{{iurl}}/miniapp/images/userinfo/userinfo/Eye.png" bindtap="ispwhid"></image> | 80 | <image class="eye" src="{{iurl}}/miniapp/images/userinfo/userinfo/Eye.png" bindtap="ispwhid"></image> |
| 81 | </block> | 81 | </block> |
| 82 | <block wx:else> | 82 | <block wx:else> |
| 83 | <image class="eye" src="{{iurl}}/miniapp/images/userinfo/open_eye.png" bindtap="ispwhid"></image> | 83 | <image class="eye" src="{{iurl}}/miniapp/images/userinfo/open_eye.png" bindtap="ispwhid"></image> |
| 84 | </block> | 84 | </block> |
| 85 | - | ||
| 86 | -</view> | 85 | + |
| 87 | </view> | 86 | </view> |
| 87 | + </view> | ||
| 88 | 88 | ||
| 89 | 89 | ||
| 90 | <view bindtap="editUserInfo1" class="user-name flex-vertical-between" data-type="sex"> | 90 | <view bindtap="editUserInfo1" class="user-name flex-vertical-between" data-type="sex"> |
| @@ -99,7 +99,7 @@ | @@ -99,7 +99,7 @@ | ||
| 99 | </block> | 99 | </block> |
| 100 | <view class="fs24">男</view> | 100 | <view class="fs24">男</view> |
| 101 | </view> | 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 | <block wx:if="{{isGender==2}}"> | 103 | <block wx:if="{{isGender==2}}"> |
| 104 | <image class="GenderImage" src="{{iurl}}/miniapp/images/userinfo/userinfo/femalealready.png"></image> | 104 | <image class="GenderImage" src="{{iurl}}/miniapp/images/userinfo/userinfo/femalealready.png"></image> |
| 105 | </block> | 105 | </block> |
| @@ -109,7 +109,7 @@ | @@ -109,7 +109,7 @@ | ||
| 109 | <view class="fs26">女</view> | 109 | <view class="fs26">女</view> |
| 110 | </view> | 110 | </view> |
| 111 | </view> | 111 | </view> |
| 112 | - | 112 | + |
| 113 | </view> | 113 | </view> |
| 114 | 114 | ||
| 115 | <view bindtap="editUserInfo1" class="user-name flex-vertical-between" data-type="sex"> | 115 | <view bindtap="editUserInfo1" class="user-name flex-vertical-between" data-type="sex"> |
| @@ -131,14 +131,13 @@ | @@ -131,14 +131,13 @@ | ||
| 131 | <view class="user-txt-right"> | 131 | <view class="user-txt-right"> |
| 132 | <!-- 填充数据的时候要判断是否已经有出生日期，有值的话就不可修改 --> | 132 | <!-- 填充数据的时候要判断是否已经有出生日期，有值的话就不可修改 --> |
| 133 | <block wx:if="{{user.birthday==''||user.birthday==null}}"> | 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 | </picker> | 135 | </picker> |
| 137 | </block> | 136 | </block> |
| 138 | <block wx:else> | 137 | <block wx:else> |
| 139 | <view>{{datet==""? user.birthday==""?"":filters.replace_time2(user.birthday):datet}}</view> | 138 | <view>{{datet==""? user.birthday==""?"":filters.replace_time2(user.birthday):datet}}</view> |
| 140 | - </block> | ||
| 141 | - | 139 | + </block> |
| 140 | + | ||
| 142 | </view> | 141 | </view> |
| 143 | </view> | 142 | </view> |
| 144 | </view> | 143 | </view> |
| @@ -146,15 +145,15 @@ | @@ -146,15 +145,15 @@ | ||
| 146 | <view class="Bbottom"> | 145 | <view class="Bbottom"> |
| 147 | <view bindtap="editUserInfo1" class="user-name mt flex-vertical-between" data-type="nickname"> | 146 | <view bindtap="editUserInfo1" class="user-name mt flex-vertical-between" data-type="nickname"> |
| 148 | <view class="user-name-txt">姓名</view> | 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 | </view> | 149 | </view> |
| 151 | 150 | ||
| 152 | <view bindtap="editUserInfo1" class="user-name flex-vertical-between" data-type="nickname"> | 151 | <view bindtap="editUserInfo1" class="user-name flex-vertical-between" data-type="nickname"> |
| 153 | <view class="user-name-txt">身份证</view> | 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 | <!-- <block wx:else> | 157 | <!-- <block wx:else> |
| 159 | <input class="user-txt-right" bindblur="IdentityIDCard" value="" type="idcard" maxlength="18" placeholder="*身份证" /> | 158 | <input class="user-txt-right" bindblur="IdentityIDCard" value="" type="idcard" maxlength="18" placeholder="*身份证" /> |
| 160 | </block> --> | 159 | </block> --> |
| @@ -166,14 +165,14 @@ | @@ -166,14 +165,14 @@ | ||
| 166 | <view class="angle">∟</view> | 165 | <view class="angle">∟</view> |
| 167 | </view> | 166 | </view> |
| 168 | </view> | 167 | </view> |
| 169 | - | 168 | + |
| 170 | <view class="user-name flex-vertical-between" data-type="mobile"> | 169 | <view class="user-name flex-vertical-between" data-type="mobile"> |
| 171 | <view class="user-name-txt">地址</view> | 170 | <view class="user-name-txt">地址</view> |
| 172 | <!-- <block wx:if="{{user.address.length>0}}"> | 171 | <!-- <block wx:if="{{user.address.length>0}}"> |
| 173 | <view>{{user.address}}</view> | 172 | <view>{{user.address}}</view> |
| 174 | </block> | 173 | </block> |
| 175 | <block wx:else> --> | 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 | <!-- </block> --> | 176 | <!-- </block> --> |
| 178 | </view> | 177 | </view> |
| 179 | 178 | ||
| @@ -182,11 +181,31 @@ | @@ -182,11 +181,31 @@ | ||
| 182 | <view class="flex-center user-txt-right"> | 181 | <view class="flex-center user-txt-right"> |
| 183 | <view class="one-line">{{stoname}} | 182 | <view class="one-line">{{stoname}} |
| 184 | </view> | 183 | </view> |
| 185 | - | 184 | + |
| 186 | <view class="angle">∟</view> | 185 | <view class="angle">∟</view> |
| 187 | </view> | 186 | </view> |
| 188 | </view> | 187 | </view> |
| 189 | </view> | 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 | <navigator bindtap="goto-address" class="user-name mt flex-vertical-between" url="/pages/user/address_list/address_list"> | 209 | <navigator bindtap="goto-address" class="user-name mt flex-vertical-between" url="/pages/user/address_list/address_list"> |
| 191 | <view class="user-name-txt">收货地址</view> | 210 | <view class="user-name-txt">收货地址</view> |
| 192 | <view class="flex-center user-txt-right"> | 211 | <view class="flex-center user-txt-right"> |
| @@ -202,7 +221,7 @@ | @@ -202,7 +221,7 @@ | ||
| 202 | </view> | 221 | </view> |
| 203 | <!-- 确认修改按钮 --> | 222 | <!-- 确认修改按钮 --> |
| 204 | <view class="flex-center confirm"> | 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 | <view>确认修改</view> | 225 | <view>确认修改</view> |
| 207 | </view> | 226 | </view> |
| 208 | </view> | 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 | .user-container { | 6 | .user-container { |
| 6 | - font-size: 30rpx; | 7 | + font-size: 30rpx; |
| 7 | } | 8 | } |
| 8 | -input{ | 9 | + |
| 10 | +input { | ||
| 9 | width: 450rpx; | 11 | width: 450rpx; |
| 10 | } | 12 | } |
| 13 | + | ||
| 11 | .head { | 14 | .head { |
| 12 | height: 220rpx; | 15 | height: 220rpx; |
| 13 | border-bottom: 6rpx solid rgb(245, 245, 245); | 16 | border-bottom: 6rpx solid rgb(245, 245, 245); |
| 14 | border-top: 2rpx solid rgb(245, 245, 245); | 17 | border-top: 2rpx solid rgb(245, 245, 245); |
| 15 | background-size: 100%; | 18 | background-size: 100%; |
| 16 | } | 19 | } |
| 17 | -.angle{ | 20 | + |
| 21 | +.angle { | ||
| 18 | transform: rotate(225deg); | 22 | transform: rotate(225deg); |
| 19 | font-size: 24rpx; | 23 | font-size: 24rpx; |
| 20 | margin-top: 2rpx; | 24 | margin-top: 2rpx; |
| 25 | + color: rgb(153, 153, 153); | ||
| 21 | } | 26 | } |
| 27 | + | ||
| 22 | .Headportrait { | 28 | .Headportrait { |
| 23 | width: 145rpx; | 29 | width: 145rpx; |
| 24 | height: 145rpx; | 30 | height: 145rpx; |
| @@ -33,18 +39,18 @@ input{ | @@ -33,18 +39,18 @@ input{ | ||
| 33 | 39 | ||
| 34 | .AncrownMax { | 40 | .AncrownMax { |
| 35 | background-color: rgb(57, 57, 57); | 41 | background-color: rgb(57, 57, 57); |
| 36 | - | ||
| 37 | height: 36rpx; | 42 | height: 36rpx; |
| 38 | border-radius: 20rpx; | 43 | border-radius: 20rpx; |
| 39 | margin-right: 20rpx; | 44 | margin-right: 20rpx; |
| 40 | line-height: 36rpx; | 45 | line-height: 36rpx; |
| 41 | padding-right: 14rpx; | 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 | .Ancrown { | 54 | .Ancrown { |
| 49 | width: 30rpx; | 55 | width: 30rpx; |
| 50 | height: 30rpx; | 56 | height: 30rpx; |
| @@ -57,8 +63,7 @@ padding-left: 10rpx; | @@ -57,8 +63,7 @@ padding-left: 10rpx; | ||
| 57 | border-radius: 20rpx; | 63 | border-radius: 20rpx; |
| 58 | line-height: 36rpx; | 64 | line-height: 36rpx; |
| 59 | padding-left: 10rpx; | 65 | padding-left: 10rpx; |
| 60 | -padding-right: 14rpx; | ||
| 61 | - | 66 | + padding-right: 14rpx; |
| 62 | } | 67 | } |
| 63 | 68 | ||
| 64 | .fuls { | 69 | .fuls { |
| @@ -102,15 +107,16 @@ padding-right: 14rpx; | @@ -102,15 +107,16 @@ padding-right: 14rpx; | ||
| 102 | height: 25rpx; | 107 | height: 25rpx; |
| 103 | margin-right: 10rpx; | 108 | margin-right: 10rpx; |
| 104 | } | 109 | } |
| 105 | -.confirm{ | 110 | + |
| 111 | +.confirm { | ||
| 106 | width: 100%; | 112 | width: 100%; |
| 107 | - position:fixed; | 113 | + position: fixed; |
| 108 | left: 0rpx; | 114 | left: 0rpx; |
| 109 | bottom: 0rpx; | 115 | bottom: 0rpx; |
| 110 | height: 130rpx; | 116 | height: 130rpx; |
| 111 | - background-color: rgb(255,255,255); | 117 | + background-color: rgb(255, 255, 255); |
| 112 | z-index: 9; | 118 | z-index: 9; |
| 113 | - border-top:1rpx solid #ddd | 119 | + border-top: 1rpx solid #ddd; |
| 114 | } | 120 | } |
| 115 | 121 | ||
| 116 | .confirmtext { | 122 | .confirmtext { |
| @@ -126,7 +132,7 @@ padding-right: 14rpx; | @@ -126,7 +132,7 @@ padding-right: 14rpx; | ||
| 126 | } | 132 | } |
| 127 | 133 | ||
| 128 | .hion { | 134 | .hion { |
| 129 | - width:300rpx ; | 135 | + width: 300rpx; |
| 130 | text-align: right; | 136 | text-align: right; |
| 131 | margin-top: 3rpx; | 137 | margin-top: 3rpx; |
| 132 | margin-right: 5rpx; | 138 | margin-right: 5rpx; |
| @@ -246,7 +252,7 @@ padding-right: 14rpx; | @@ -246,7 +252,7 @@ padding-right: 14rpx; | ||
| 246 | } | 252 | } |
| 247 | 253 | ||
| 248 | .code { | 254 | .code { |
| 249 | - margin-bottom: 10rpx; | 255 | + margin-bottom: 10rpx; |
| 250 | } | 256 | } |
| 251 | 257 | ||
| 252 | .user-txt-right { | 258 | .user-txt-right { |
| @@ -317,49 +323,58 @@ padding-right: 14rpx; | @@ -317,49 +323,58 @@ padding-right: 14rpx; | ||
| 317 | width: 40rpx; | 323 | width: 40rpx; |
| 318 | margin-left: 36rpx; | 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 | margin-left: 20rpx; | 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 | width: 100%; | 343 | width: 100%; |
| 335 | height: auto; | 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 | height: 170rpx; | 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 | height: 35rpx; | 363 | height: 35rpx; |
| 352 | margin-right: 10rpx; | 364 | margin-right: 10rpx; |
| 353 | } | 365 | } |
| 354 | -.shop_name{ | 366 | + |
| 367 | +.shop_name { | ||
| 355 | margin-right: 10rpx; | 368 | margin-right: 10rpx; |
| 356 | } | 369 | } |
| 357 | -.address{ | 370 | + |
| 371 | +.address { | ||
| 358 | width: 87%; | 372 | width: 87%; |
| 359 | margin-top: 5rpx; | 373 | margin-top: 5rpx; |
| 360 | margin-bottom: 5rpx; | 374 | margin-bottom: 5rpx; |
| 361 | } | 375 | } |
| 362 | -.distance{ | 376 | + |
| 377 | +.distance { | ||
| 363 | padding-left: 15rpx; | 378 | padding-left: 15rpx; |
| 364 | padding-right: 15rpx; | 379 | padding-right: 15rpx; |
| 365 | background: #eee; | 380 | background: #eee; |
| @@ -367,203 +382,272 @@ width: 40rpx; | @@ -367,203 +382,272 @@ width: 40rpx; | ||
| 367 | margin-right: 5rpx; | 382 | margin-right: 5rpx; |
| 368 | color: #999; | 383 | color: #999; |
| 369 | height: 38rpx; | 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 | position: fixed; | 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 | border-bottom: 1rpx solid #eee; | 413 | border-bottom: 1rpx solid #eee; |
| 397 | height: 155rpx; | 414 | height: 155rpx; |
| 398 | width: 95%; | 415 | width: 95%; |
| 399 | margin: auto; | 416 | margin: auto; |
| 400 | line-height: 155rpx; | 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 | .modal-closes { | 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 | margin-top: 40rpx; | 439 | margin-top: 40rpx; |
| 420 | padding-right: 20rpx; | 440 | padding-right: 20rpx; |
| 421 | - | ||
| 422 | } | 441 | } |
| 423 | -.choose_mores{ | 442 | + |
| 443 | +.choose_mores { | ||
| 424 | margin-top: 30rpx; | 444 | margin-top: 30rpx; |
| 425 | margin-right: 15rpx; | 445 | margin-right: 15rpx; |
| 426 | - | ||
| 427 | } | 446 | } |
| 428 | -.store-list{ | 447 | + |
| 448 | +.store-list { | ||
| 429 | width: 95%; | 449 | width: 95%; |
| 430 | height: 72%; | 450 | height: 72%; |
| 431 | overflow-y: scroll; | 451 | overflow-y: scroll; |
| 432 | margin: auto; | 452 | margin: auto; |
| 433 | } | 453 | } |
| 434 | -.store-list .store_choose{ | 454 | + |
| 455 | +.store-list .store_choose { | ||
| 435 | width: 100%; | 456 | width: 100%; |
| 436 | height: 120rpx; | 457 | height: 120rpx; |
| 437 | line-height: 125rpx; | 458 | line-height: 125rpx; |
| 438 | border-bottom: 1rpx solid #eee; | 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 | width: 33rpx; | 470 | width: 33rpx; |
| 450 | height: 33rpx; | 471 | height: 33rpx; |
| 451 | transform: rotate(-145deg); | 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 | height: 30rpx; | 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 | height: 55rpx; | 509 | height: 55rpx; |
| 485 | border-radius: 50rpx; | 510 | border-radius: 50rpx; |
| 486 | line-height: 55rpx; | 511 | line-height: 55rpx; |
| 487 | - } | ||
| 488 | - .default{ | ||
| 489 | - width: 260rpx; | 512 | +} |
| 513 | + | ||
| 514 | +.default { | ||
| 515 | + width: 260rpx; | ||
| 490 | height: 55rpx; | 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 | height: 82%; | 530 | height: 82%; |
| 503 | overflow: hidden; | 531 | overflow: hidden; |
| 504 | overflow-y: scroll; | 532 | overflow-y: scroll; |
| 505 | width: 95%; | 533 | width: 95%; |
| 506 | margin: auto; | 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 | width: 94.5%; | 545 | width: 94.5%; |
| 517 | margin: auto; | 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 | border-top: 3rpx solid; | 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 | width: 100%; | 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 | border-bottom: 1px solid #eee; | 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 | width: 105rpx; | 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 | height: 50rpx; | 605 | height: 50rpx; |
| 564 | } | 606 | } |
| 565 | -.butttem5{ | 607 | + |
| 608 | +.butttem5 { | ||
| 566 | margin-bottom: 5rpx; | 609 | margin-bottom: 5rpx; |
| 567 | } | 610 | } |
| 568 | 611 | ||
| 569 | -.s_btn{ margin-top: 25rpx; } | ||
| 570 | \ No newline at end of file | 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 | \ No newline at end of file | 655 | \ No newline at end of file |