This commit is contained in:
2023-12-18 10:49:17 +08:00
parent 3f04703c8d
commit a529be25d0
3 changed files with 111 additions and 102 deletions

View File

@ -1,62 +1,63 @@
.app { .app {
background: #ffffff; background: #ffffff;
.titles { .titles {
height: 80rpx; height: 80rpx;
} }
.mask { .mask {
position: fixed; position: fixed;
bottom: 0; bottom: 0;
width: 100%; width: 100%;
height: 100%; height: 100%;
opacity: 0.9; opacity: 0.9;
background-color: #6A6A6A; background-color: #6A6A6A;
text-align: center; text-align: center;
line-height: 68rpx; line-height: 68rpx;
.masktext {} .masktext {}
.maskcontent { .maskcontent {
position: absolute; position: absolute;
width: 100%; width: 100%;
bottom: 120rpx; bottom: 120rpx;
} }
.add { .add {
width: 80%; width: 80%;
height: 68rpx; height: 68rpx;
background-color: #ffffff; background-color: #ffffff;
border-radius: 10rpx; border-radius: 10rpx;
border: solid 1rpx #26A888; border: solid 1rpx #26A888;
position: absolute; position: absolute;
color: #26A888; color: #26A888;
bottom: 50rpx; bottom: 50rpx;
left: 10%; left: 10%;
} }
.p2 { .p2 {
left: 10%; left: 10%;
width: 80%; width: 80%;
height: 68rpx; height: 68rpx;
background-color: #ffffff; background-color: #ffffff;
border-radius: 10rpx; border-radius: 10rpx;
border: solid 1rpx #ffffff; border: solid 1rpx #ffffff;
opacity: 1; opacity: 1;
margin: 0 auto; margin: 0 auto;
margin-bottom: 30rpx; margin-bottom: 30rpx;
} }
.p1 { .p1 {
opacity: 1; opacity: 1;
color: #ffffff; color: #ffffff;
left: 10%; left: 10%;
width: 80%; width: 80%;
height: 68rpx; height: 68rpx;
background-color: #4AC4AB; background-color: #4AC4AB;
margin: 0 auto; margin: 0 auto;
border-radius: 10rpx; border-radius: 10rpx;
margin-bottom: 30rpx; margin-bottom: 30rpx;
} }
} }
.myorder { .myorder {
@ -84,14 +85,15 @@
height: 60rpx; height: 60rpx;
} }
} }
.orderCount { .orderCount {
width: 38rpx; width: 38rpx;
height: 38rpx; height: 38rpx;
background: #FFFFFF; background: #FFFFFF;
border: 3rpx solid #DC222F; border: 3rpx solid #DC222F;
position: relative; position: relative;
top: -125rpx; top: -125rpx;
left: 103rpx; left: 103rpx;
font-size: 22rpx; font-size: 22rpx;
border-radius: 50%; border-radius: 50%;
line-height: 35rpx; 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 { .topbanner {
width: 100%; width: 100%;
height: 430rpx; height: 500rpx;
position: relative; position: relative;
color: #FFFFFF; color: #FFFFFF;
margin-bottom: 50rpx; 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 { .btn {
position: absolute; position: absolute;
@ -232,4 +241,4 @@
height: 100%; height: 100%;
} }
} }
} }

View File

@ -32,34 +32,34 @@
<view class="manage btn" @click="gomanagefamily"> <view class="manage btn" @click="gomanagefamily">
管理家庭成员 管理家庭成员
</view> </view>
<view class="Threecategories"> </view>
<view class="item" @tap="goBehaviorpoints"> <view class="Threecategories">
<view class="number"> <view class="item" @tap="goBehaviorpoints">
{{appPersonallist.score>0?appPersonallist.score:0}} <image src="../../static/pages/jifen.png" mode=""></image>
</view> <view class="text">
<view class="text"> 行为积分
行为积分 <span style="padding: 0 10rpx;"> {{appPersonallist.score>0?appPersonallist.score:0}}</span>
</view>
</view> </view>
<!-- <view class="item" @tap='gointegral'> </view>
<view class="number"> <!-- <view class="item" @tap='gointegral'>
{{appPersonallist.integral>0?appPersonallist.integral:0}} <view class="number">
</view> {{appPersonallist.integral>0?appPersonallist.integral:0}}
<view class="text"> </view>
健康豆 <view class="text">
</view> 健康豆
</view> --> </view>
<view class="item" @tap='gocoupon'> </view> -->
<view class="number"> <view class="item" @tap='gocoupon'>
{{appPersonallist.patientCouponCount>0?appPersonallist.patientCouponCount:0}} <image src="../../static/pages/yhj.png" mode=""></image>
</view> <view class="text">
<view class="text"> 优惠券
优惠券 <span
</view> style="padding: 0 10rpx;">{{appPersonallist.patientCouponCount>0?appPersonallist.patientCouponCount:0}}</span>
</view> </view>
</view> </view>
</view> </view>
<view class="myorder"> <view class="myorder" style="margin-top: 120rpx;">
<view class="title"> <view class="title">
我的订单 我的订单
</view> </view>

View File

@ -4,7 +4,7 @@
<view class="title"> <view class="title">
签约时出示二维码 签约时出示二维码
</view> </view>
<image src="@/static/ma2x.png" mode=""></image> <image src="@/static/pagesB/ma2x.png" mode=""></image>
</view> </view>
<view class="item"> <view class="item">
<view class="lefttext"> <view class="lefttext">