From 4f5cbfb0878d0d35ce01b7c32ade1807c067fd27 Mon Sep 17 00:00:00 2001 From: xuxueyang <xuxy@fengyuntec.com> Date: 星期四, 19 九月 2024 16:12:43 +0800 Subject: [PATCH] add 签到和其他页面细节 --- pages/user/user-customer.scss | 43 ++++++++++++++++++++++++++++--------------- 1 files changed, 28 insertions(+), 15 deletions(-) diff --git a/pages/user/user-customer.scss b/pages/user/user-customer.scss index a200cc4..4be1e24 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; @@ -146,6 +150,15 @@ height: 52rpx; width: 56rpx; } + .dot{ + position: absolute; + left: calc(50% + 30rpx); + top: 0rpx; + width: 10rpx; + height: 10rpx; + background: #CF0000; + border-radius: 50%; + } } } -- Gitblit v1.9.3