diff --git a/pages/user/userinfo/userinfo.wxml b/pages/user/userinfo/userinfo.wxml index d79bdc5..b0bd48c 100644 --- a/pages/user/userinfo/userinfo.wxml +++ b/pages/user/userinfo/userinfo.wxml @@ -3,7 +3,7 @@ - + @@ -16,22 +16,22 @@ - - - - - {{gradename}} - - - - - - - - {{pulscardname}} - - - + + + + + {{gradename}} + + + + + + + + {{pulscardname}} + + + @@ -52,7 +52,7 @@ 是否启用消费密码 - + @@ -65,26 +65,26 @@ - - + + 消费密码 - - - - - - - + + + + + + + - - + + @@ -99,7 +99,7 @@ - + @@ -109,7 +109,7 @@ - + @@ -131,14 +131,13 @@ - + {{datet==""? user.birthday==""?"":filters.replace_time2(user.birthday):datet}} - - + + @@ -146,15 +145,15 @@ 姓名 - + 身份证 - - - - + + + + @@ -166,14 +165,14 @@ - + 地址 - + @@ -182,11 +181,31 @@ {{stoname}} - + + + + + + 我的兴趣 + + + + + + 白领 + + + + + + 标签 + + + + 收货地址 @@ -202,7 +221,7 @@ - + 确认修改 diff --git a/pages/user/userinfo/userinfo.wxss b/pages/user/userinfo/userinfo.wxss index 5336582..7d6c81d 100644 --- a/pages/user/userinfo/userinfo.wxss +++ b/pages/user/userinfo/userinfo.wxss @@ -1,24 +1,30 @@ -.container{ - padding-bottom:165rpx; - transform: translate() +.container { + padding-bottom: 165rpx; + transform: translate(); } + .user-container { - font-size: 30rpx; + font-size: 30rpx; } -input{ + +input { width: 450rpx; } + .head { height: 220rpx; border-bottom: 6rpx solid rgb(245, 245, 245); border-top: 2rpx solid rgb(245, 245, 245); background-size: 100%; } -.angle{ + +.angle { transform: rotate(225deg); font-size: 24rpx; margin-top: 2rpx; + color: rgb(153, 153, 153); } + .Headportrait { width: 145rpx; height: 145rpx; @@ -33,18 +39,18 @@ input{ .AncrownMax { background-color: rgb(57, 57, 57); - height: 36rpx; border-radius: 20rpx; margin-right: 20rpx; line-height: 36rpx; padding-right: 14rpx; -padding-left: 10rpx; - + padding-left: 10rpx; } -.Nickname{ - max-width:170rpx; + +.Nickname { + max-width: 170rpx; } + .Ancrown { width: 30rpx; height: 30rpx; @@ -57,8 +63,7 @@ padding-left: 10rpx; border-radius: 20rpx; line-height: 36rpx; padding-left: 10rpx; -padding-right: 14rpx; - + padding-right: 14rpx; } .fuls { @@ -102,15 +107,16 @@ padding-right: 14rpx; height: 25rpx; margin-right: 10rpx; } -.confirm{ + +.confirm { width: 100%; - position:fixed; + position: fixed; left: 0rpx; bottom: 0rpx; height: 130rpx; - background-color: rgb(255,255,255); + background-color: rgb(255, 255, 255); z-index: 9; - border-top:1rpx solid #ddd + border-top: 1rpx solid #ddd; } .confirmtext { @@ -126,7 +132,7 @@ padding-right: 14rpx; } .hion { - width:300rpx ; + width: 300rpx; text-align: right; margin-top: 3rpx; margin-right: 5rpx; @@ -246,7 +252,7 @@ padding-right: 14rpx; } .code { - margin-bottom: 10rpx; + margin-bottom: 10rpx; } .user-txt-right { @@ -317,49 +323,58 @@ padding-right: 14rpx; width: 40rpx; margin-left: 36rpx; } + /* 日期控件 */ -.pi{ - width:200rpx; - height:auto; - margin-left:10rpx; + +.pi { + width: 200rpx; + height: auto; + margin-left: 10rpx; } -.vipmax{ + +.vipmax { margin-left: 20rpx; } - /* 门店地址 */ -.xc-address_frame{ - border-top:1rpx solid #eee; + +.xc-address_frame { + border-top: 1rpx solid #eee; width: 100%; height: auto; } -.on_height{ -height: 90rpx; + +.on_height { + height: 90rpx; } -.sn_height{ + +.sn_height { height: 170rpx; } -.xc-address_frame .address_frame{ - width: 92%; -padding-left: 10rpx; -margin: auto; +.xc-address_frame .address_frame { + width: 92%; + padding-left: 10rpx; + margin: auto; } -.stores-img{ -width: 40rpx; + +.stores-img { + width: 40rpx; height: 35rpx; margin-right: 10rpx; } -.shop_name{ + +.shop_name { margin-right: 10rpx; } -.address{ + +.address { width: 87%; margin-top: 5rpx; margin-bottom: 5rpx; } -.distance{ + +.distance { padding-left: 15rpx; padding-right: 15rpx; background: #eee; @@ -367,203 +382,272 @@ width: 40rpx; margin-right: 5rpx; color: #999; height: 38rpx; -line-height: 38rpx; - + line-height: 38rpx; } + /* 选择门店的弹窗 */ -.mongolia-layer{ - position: fixed; -left: 0; -top: 0; -right: 0; -bottom: 0; -z-index: 11; -background: rgba(0,0,0,0.4); -width: 100%; -height: 91.9%; +.mongolia-layer { + position: fixed; + left: 0; + top: 0; + right: 0; + bottom: 0; + z-index: 11; + background: rgba(0, 0, 0, 0.4); + width: 100%; + height: 91.9%; } -.popup-frame{ + +.popup-frame { position: fixed; -bottom:-1rpx; -z-index: 20; -background: white; -width: 100%; -border-radius: 20rpx 20rpx 0 0; -height: 72%; -} -.popup-top{ + bottom: -1rpx; + z-index: 20; + background: white; + width: 100%; + border-radius: 20rpx 20rpx 0 0; + height: 72%; +} + +.popup-top { border-bottom: 1rpx solid #eee; height: 155rpx; width: 95%; margin: auto; line-height: 155rpx; - } -.bg_rights{ - border-top: 2rpx solid ; - border-right: 2rpx solid ; - transform: rotate(45deg); - display:inline-block; - width:15rpx;height:15rpx; - border-color:#da0b31; + +.bg_rights { + border-top: 2rpx solid; + border-right: 2rpx solid; + transform: rotate(45deg); + display: inline-block; + width: 15rpx; + height: 15rpx; + border-color: #da0b31; } + .modal-closes { - position: absolute; - right: 30rpx; - top: 20rpx; - height: 50rpx; - line-height: 50rpx; + position: absolute; + right: 30rpx; + top: 20rpx; + height: 50rpx; + line-height: 50rpx; } -.choose_more{ + +.choose_more { margin-top: 40rpx; padding-right: 20rpx; - } -.choose_mores{ + +.choose_mores { margin-top: 30rpx; margin-right: 15rpx; - } -.store-list{ + +.store-list { width: 95%; height: 72%; overflow-y: scroll; margin: auto; } -.store-list .store_choose{ + +.store-list .store_choose { width: 100%; height: 120rpx; line-height: 125rpx; border-bottom: 1rpx solid #eee; - } -.store-list .store_choose .store{ -width: 100%; -margin: auto; -line-height: 37rpx; -padding-left: 20rpx; +.store-list .store_choose .store { + width: 100%; + margin: auto; + line-height: 37rpx; + padding-left: 20rpx; } -.xc-hook{ + +.xc-hook { width: 33rpx; height: 33rpx; transform: rotate(-145deg); -line-height: 37rpx; -text-align: center; + line-height: 37rpx; + text-align: center; } - .xc-hooks{ - width: 30rpx; + +.xc-hooks { + width: 30rpx; height: 30rpx; - border: 1rpx solid #999; - } - .address-frame{ - width: 93%; -margin-left: 7rpx; - - } - .nearby_store{ -margin-left: 17rpx; - } - .address_name{ - margin-right: 10rpx; - - } - .address-val{ - height: 38rpx; -line-height: 38rpx; - - } - .store-bottom{ - width: 85%; - margin: auto; - height: 70rpx; - } - .determine{ - width: 320rpx; + border: 1rpx solid #999; +} + +.address-frame { + width: 93%; + margin-left: 7rpx; +} + +.nearby_store { + margin-left: 17rpx; +} + +.address_name { + margin-right: 10rpx; +} + +.address-val { + height: 38rpx; + line-height: 38rpx; +} + +.store-bottom { + width: 85%; + margin: auto; + height: 70rpx; +} + +.determine { + width: 320rpx; height: 55rpx; border-radius: 50rpx; line-height: 55rpx; - } - .default{ - width: 260rpx; +} + +.default { + width: 260rpx; height: 55rpx; - border:3rpx solid #c8c8c8; - border-radius: 50rpx; - line-height: 55rpx; - } - .store-bottom-frame{ - width: 95%; - margin: auto; - - } - /* 门店分类列表 */ -.sort_store_list{ + border: 3rpx solid #c8c8c8; + border-radius: 50rpx; + line-height: 55rpx; +} + +.store-bottom-frame { + width: 95%; + margin: auto; +} + +/* 门店分类列表 */ + +.sort_store_list { height: 82%; overflow: hidden; overflow-y: scroll; width: 95%; margin: auto; } -.sort_store_list .sort-store-frame{ - width: 100%; -height: 100rpx; -line-height:100rpx; -border-bottom: 1rpx solid #eee; +.sort_store_list .sort-store-frame { + width: 100%; + height: 100rpx; + line-height: 100rpx; + border-bottom: 1rpx solid #eee; } -.sort_store_list .sort-store-frame .sort-store{ + +.sort_store_list .sort-store-frame .sort-store { width: 94.5%; margin: auto; } -.black_rights-frame{ -width: 50%; + +.black_rights-frame { + width: 50%;; } -.black_rights-frame .black_rights{ + +.black_rights-frame .black_rights { border-top: 3rpx solid; -border-right: 3rpx solid; -transform: rotate(45deg); -display: inline-block; -width: 20rpx; -height: 20rpx; + border-right: 3rpx solid; + transform: rotate(45deg); + display: inline-block; + width: 20rpx; + height: 20rpx; } -.xc-val-money{ - height:80rpx; + +.xc-val-money { + height: 80rpx; } -.xc-distance-bottom{ - margin-bottom: 40rpx; +.xc-distance-bottom { + margin-bottom: 40rpx; } -.xc-distance-top{ -margin-top: 10rpx; + +.xc-distance-top { + margin-top: 10rpx; } -.xc-width{ + +.xc-width { width: 100%; } -.right-arrow{ width: 15rpx; height:15rpx; - border-top: 2rpx solid #d70026; - border-right: 2rpx solid #d70026; - transform: rotate(45deg);display:inline-block; - margin-bottom:3rpx; + +.right-arrow { + width: 15rpx; + height: 15rpx; + border-top: 2rpx solid #d70026; + border-right: 2rpx solid #d70026; + transform: rotate(45deg); + display: inline-block; + margin-bottom: 3rpx; } -.xc-goods-attribute{ + +.xc-goods-attribute { border-bottom: 1px solid #eee; -padding-bottom: 15px; -margin-bottom:40rpx; + padding-bottom: 15px; + margin-bottom: 40rpx; } -.xc-val-fream{ + +.xc-val-fream { width: 105rpx; } -.is_stock{ -width: 58%; -height: 70rpx; -border-radius: 55rpx; + +.is_stock { + width: 58%; + height: 70rpx; + border-radius: 55rpx; } -.select_store_height{ + +.select_store_height { height: 50rpx; } -.butttem5{ + +.butttem5 { margin-bottom: 5rpx; } -.s_btn{ margin-top: 25rpx; } \ No newline at end of file +.s_btn { + margin-top: 25rpx; +} +.padding{ + padding:0rpx 20rpx; + +} +.interest{ + padding:0rpx 20rpx; + padding-top: 30rpx; + padding-bottom: 30rpx; +} +.lables { + max-height: 200rpx; + overflow-y: scroll; + padding-top: 25rpx; + padding-bottom: 20rpx; +} + +.lable { + display: inline-block; + height: 46rpx; + line-height: 46rpx; + margin-right: 15rpx; + color: rgb(255, 255, 255); + border:2rpx solid rgb(255, 138, 160); + background-color: rgb(255, 138, 160); + padding: 0rpx 25rpx; + border-radius: 30rpx; +} + +.add_lable { + width: 110rpx; + height: 46rpx; + line-height: 46rpx; + color: rgb(189, 189, 189); + border:2rpx solid rgb(189, 189, 189); + border-radius: 30rpx; +} +.plus{ + font-weight: bold; +} \ No newline at end of file