From a529be25d0c27f1ba2032378cde28ae1f2ee819a Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?=E8=BE=89?= <814457906@qq.com> Date: Mon, 18 Dec 2023 10:49:17 +0800 Subject: [PATCH] =?UTF-8?q?=E4=BF=AE=E6=94=B9?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- pages/myinformation/myinformation.scss | 163 +++++++++--------- pages/myinformation/myinformation.vue | 48 +++--- .../familymemberdetail/familymemberdetail.vue | 2 +- 3 files changed, 111 insertions(+), 102 deletions(-) diff --git a/pages/myinformation/myinformation.scss b/pages/myinformation/myinformation.scss index 14b43be..931b495 100644 --- a/pages/myinformation/myinformation.scss +++ b/pages/myinformation/myinformation.scss @@ -1,62 +1,63 @@ -.app { - background: #ffffff; + .app { + background: #ffffff; + .titles { height: 80rpx; } .mask { - position: fixed; - bottom: 0; - width: 100%; - height: 100%; - opacity: 0.9; - background-color: #6A6A6A; - text-align: center; - line-height: 68rpx; + position: fixed; + bottom: 0; + width: 100%; + height: 100%; + opacity: 0.9; + background-color: #6A6A6A; + text-align: center; + line-height: 68rpx; - .masktext {} + .masktext {} - .maskcontent { - position: absolute; - width: 100%; - bottom: 120rpx; - } + .maskcontent { + position: absolute; + width: 100%; + bottom: 120rpx; + } - .add { - width: 80%; - height: 68rpx; - background-color: #ffffff; - border-radius: 10rpx; - border: solid 1rpx #26A888; - position: absolute; - color: #26A888; - bottom: 50rpx; - left: 10%; - } + .add { + width: 80%; + height: 68rpx; + background-color: #ffffff; + border-radius: 10rpx; + border: solid 1rpx #26A888; + position: absolute; + color: #26A888; + bottom: 50rpx; + left: 10%; + } - .p2 { - left: 10%; - width: 80%; - height: 68rpx; - background-color: #ffffff; - border-radius: 10rpx; - border: solid 1rpx #ffffff; - opacity: 1; - margin: 0 auto; - margin-bottom: 30rpx; - } + .p2 { + left: 10%; + width: 80%; + height: 68rpx; + background-color: #ffffff; + border-radius: 10rpx; + border: solid 1rpx #ffffff; + opacity: 1; + margin: 0 auto; + margin-bottom: 30rpx; + } - .p1 { - opacity: 1; - color: #ffffff; - left: 10%; - width: 80%; - height: 68rpx; - background-color: #4AC4AB; - margin: 0 auto; - border-radius: 10rpx; - margin-bottom: 30rpx; - } + .p1 { + opacity: 1; + color: #ffffff; + left: 10%; + width: 80%; + height: 68rpx; + background-color: #4AC4AB; + margin: 0 auto; + border-radius: 10rpx; + margin-bottom: 30rpx; + } } .myorder { @@ -84,14 +85,15 @@ height: 60rpx; } } + .orderCount { width: 38rpx; height: 38rpx; background: #FFFFFF; border: 3rpx solid #DC222F; - position: relative; - top: -125rpx; - left: 103rpx; + position: relative; + top: -125rpx; + left: 103rpx; font-size: 22rpx; border-radius: 50%; line-height: 35rpx; @@ -122,36 +124,43 @@ } } + .Threecategories { + height: 200rpx; + background-color: #fff; + width: 90%; + display: flex; + justify-content: space-around; + position: absolute; + border-radius: 20rpx; + left: 50%; + top: 380rpx; + transform: translateX(-50%); + align-items: center; + box-shadow: 0rpx 0rpx 24rpx 0rpx RGBA(38, 168, 136, 0.41); + + .item { + + width: 33%; + text-align: center; + + .text { + font-size: 28rpx; + } + + image { + width: 80rpx; + height: 80rpx; + } + } + } + .topbanner { width: 100%; - height: 430rpx; + height: 500rpx; position: relative; color: #FFFFFF; margin-bottom: 50rpx; - .Threecategories { - width: 100%; - position: absolute; - bottom: 0; - left: 0; - display: flex; - justify-content: space-around; - padding-bottom: 30rpx; - - .item { - width: 33%; - text-align: center; - - .text { - font-size: 22rpx; - } - - .number { - font-size: 36rpx; - padding-bottom: 10rpx; - } - } - } .btn { position: absolute; @@ -232,4 +241,4 @@ height: 100%; } } - } + } \ No newline at end of file diff --git a/pages/myinformation/myinformation.vue b/pages/myinformation/myinformation.vue index 5983032..8192f38 100644 --- a/pages/myinformation/myinformation.vue +++ b/pages/myinformation/myinformation.vue @@ -32,34 +32,34 @@ 管理家庭成员 - - - - {{appPersonallist.score>0?appPersonallist.score:0}} - - - 行为积分 - + + + + + + 行为积分 + {{appPersonallist.score>0?appPersonallist.score:0}} - - - - {{appPersonallist.patientCouponCount>0?appPersonallist.patientCouponCount:0}} - - - 优惠券 - + + + + + + 优惠券 + {{appPersonallist.patientCouponCount>0?appPersonallist.patientCouponCount:0}} + 张 - + 我的订单 diff --git a/pagesB/familymemberdetail/familymemberdetail.vue b/pagesB/familymemberdetail/familymemberdetail.vue index 5b3d17f..9e14cd7 100644 --- a/pagesB/familymemberdetail/familymemberdetail.vue +++ b/pagesB/familymemberdetail/familymemberdetail.vue @@ -4,7 +4,7 @@ 签约时出示二维码 - +