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 {
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%;
}
}
}
}

View File

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

View File

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