From 73341eba8e313c2aead0476026bc362b8c4be4b1 Mon Sep 17 00:00:00 2001 From: xuxueyang <xuxy@fengyuntec.com> Date: 星期四, 12 九月 2024 16:05:06 +0800 Subject: [PATCH] update 优化 --- pages/user/user-customer.scss | 84 ++++++++++++++++++++++++++++++++++++++++++ 1 files changed, 84 insertions(+), 0 deletions(-) diff --git a/pages/user/user-customer.scss b/pages/user/user-customer.scss index 37f2d03..cf7811b 100644 --- a/pages/user/user-customer.scss +++ b/pages/user/user-customer.scss @@ -1,5 +1,87 @@ +.member-level{ + font-weight: 600; + font-size: 32rpx; + line-height: 44rpx; + text-align: left; + font-style: normal; + display: inline-block; + margin-left: 18rpx; + // background: linear-gradient(90deg, #75D982 0%, #54A953 100%); + + .member-icon{ + display: inline-block; + vertical-align: middle; + width: 57rpx; + height: 61rpx; + background-size: 100% 100%; + } +} +.member-level .v1{ + color: #7CC662; +} +.member-level .v2{ + color: #7498E0; +} +.member-level .v3{ + color: #C47810; +} +.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: 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; + // 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; + color: #AD790F; + line-height: 50rpx; + } + .score{ + font-weight: 400; + font-size: 28rpx; + color: #AD790F; + line-height: 40rpx; + } + .button{ + width: 170rpx; + height: 58rpx; + background: linear-gradient( 184deg, #ECCA6D 0%, #D59A3B 100%); + border-radius: 30rpx; + line-height: 58rpx; + text-align: center; + font-weight: 600; + font-size: 28rpx; + color: #FFFFFF + } +} .user-customer-order-infos{ padding-top: 0rpx; + + .image-shop-number { + width: 30rpx; + height: 30rpx; + background: #F20000; + line-height: 30rpx; + text-align: center; + position: absolute; + right: -10rpx; + top: -6rpx; + color: #FFFFFF; + border-radius: 50%; + font-size: 24rpx; + } + .more{ font-weight: 400; font-size: 24rpx; @@ -16,11 +98,13 @@ font-size: 24rpx; color: #000000; line-height: 34rpx; + position: relative; .order-icon{ flex:1; margin: 0 auto; width: 52rpx; height: 52rpx; + position: relative; } .order-icon.dsh{ width: 48rpx; -- Gitblit v1.9.3