From d39644872fa6f9499fc2c1651bced631a9e96b19 Mon Sep 17 00:00:00 2001 From: 陶杰 <1378534974@qq.com> Date: 星期一, 23 十二月 2024 09:48:53 +0800 Subject: [PATCH] 1.高德地图未开发完成版本(可能废弃) --- pages/user/user-customer.scss | 69 +++++++++++++++++++++++++++------- 1 files changed, 54 insertions(+), 15 deletions(-) diff --git a/pages/user/user-customer.scss b/pages/user/user-customer.scss index a200cc4..3e1b97d 100644 --- a/pages/user/user-customer.scss +++ b/pages/user/user-customer.scss @@ -1,7 +1,6 @@ .member-level{ font-weight: 600; font-size: 32rpx; - color: #A3EBCD; line-height: 44rpx; text-align: left; font-style: normal; @@ -11,33 +10,37 @@ .member-icon{ display: inline-block; - vertical-align: bottom; - width: 48rpx; - height: 56rpx; + vertical-align: middle; + width: 57rpx; + height: 61rpx; background-size: 100% 100%; } } -.member-level.v1{ - color: #A3EBCD; +.member-level .v1{ + color: #7CC662; } -.member-level.v2{ - color: #96B1E9; +.member-level .v2{ + color: #7498E0; } -.member-level.v3{ - color: #AD790F; +.member-level .v3{ + color: #C47810; } -.member-level.v4{ - color: #E4531C; +.member-level .v4{ + color: #DD834E; } .coupon-info-container{ display: flex; // width: 690rpx; padding: 22rpx 36rpx; // height: 134rpx; - background: linear-gradient( 180deg, #FBECC1 0%, #E6CE9E 100%); + // background: linear-gradient( 180deg, #FBECC1 0%, #E6CE9E 100%); + // background: unset !important; border-radius: 8rpx; - border: 2rpx solid; - border-image: linear-gradient(180deg, rgba(238, 217, 173, 1), rgba(219, 182, 105, 1)) 2 2; + // border: 2rpx solid; + // border-image: linear-gradient(180deg, rgba(238, 217, 173, 1), rgba(219, 182, 105, 1)) 2 2; + // background-image: url('../../static/images/customer/coupon/coupon-bg-user.png'); + background-image: url('https://hmy-flower.oss-cn-shanghai.aliyuncs.com/69/69b8683eb7084e06a9d7645764a92a4ayJwLQzpZIQ5f7c5070054319d93cf972f05d429ad10c.png'); + background-size: 100% 100%; .title{ font-weight: 600; font-size: 36rpx; @@ -138,6 +141,7 @@ font-size: 24rpx; color: #000000; line-height: 34rpx; + position: relative; .service-icon{ height: 52rpx; width: 52rpx; @@ -145,6 +149,15 @@ .service-icon.t2{ height: 52rpx; width: 56rpx; + } + .dot{ + position: absolute; + left: calc(50% + 30rpx); + top: 0rpx; + width: 10rpx; + height: 10rpx; + background: #CF0000; + border-radius: 50%; } } @@ -180,3 +193,29 @@ background-color: #BBCCC2; } } +.kf-container{ + padding: 28rpx; + + .icon-kf { + width: 44rpx; + height: 44rpx; + width: 90rpx; + height: 90rpx; + margin-top: 12rpx; + } + + .icon-call { + width: 32rpx; + height: 32rpx; + } + + .icon-view { + line-height: 40rpx; + + .icon { + display: inline-block; + vertical-align: middle; + } + } + +} \ No newline at end of file -- Gitblit v1.9.3