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 | 120 ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ 1 files changed, 120 insertions(+), 0 deletions(-) diff --git a/pages/user/user-customer.scss b/pages/user/user-customer.scss index 37f2d03..3e1b97d 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; @@ -57,6 +141,7 @@ font-size: 24rpx; color: #000000; line-height: 34rpx; + position: relative; .service-icon{ height: 52rpx; width: 52rpx; @@ -64,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%; } } @@ -99,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