yangjun
/
sadjv3_user
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

修改

This commit is contained in:
kbing1981 2024-08-29 15:28:56 +08:00
parent 41965c4fa4
commit 635ffacd2d
1 changed files with 52 additions and 32 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

84
pages/my/miaoShaOderDrtail.vue
View File

@ -30,27 +30,32 @@
</view> </view>
</view> </view>
<view class="header-bottom-mian"> <view class="header-bottom-mian">
<view class="header-bottom-mian-title"> <!-- <view class="header-bottom-mian-title">
<image src="../../static/servicePackage/jianjie.png" mode=""></image> <image src="../../static/servicePackage/jianjie.png" mode=""></image>
<span>套餐简介</span> <span>套餐简介</span>
</view> </view> -->
<view class="jianjie"> <view class="jianjie">
{{mainData.content}} {{mainData.content}}
</view> </view>
</view> </view>
<view class="header-bottom-foot"> <view class="header-bottom-foot">
<view><image class="header-bottom-foot-title" src="../../static/dituzhaoren1.png" ></image></view> <view class="header-bottom-foot-cont">
<view class="header-bottom-foot-view"> <!-- <view class="header-fubz">保障</view> -->
<image class="header-bottom-foot-view-img1" src="../../static/servicePackage/idCard.png" mode=""></image> <view class="header-bottom-foot-view">
<span>实名认证</span> <image class="header-bottom-foot-view-img1" src="../../static/servicePackage/idCard.png"
</view> mode=""></image>
<view class="header-bottom-foot-view" style="margin: 0px 7px;"> <span>未服务全额退款</span>
<image class="header-bottom-foot-view-img2" src="../../static/servicePackage/money.png" mode=""></image> </view>
<span>资质认证</span> <view class="header-bottom-foot-view" style="margin: 0px 7px;width: 26%;">
</view> <image class="header-bottom-foot-view-img2" src="../../static/servicePackage/money.png"
<view class="header-bottom-foot-view"> mode=""></image>
<image class="header-bottom-foot-view-img3" src="../../static/servicePackage/shuangyue.png" mode=""></image> <span>不满意重做</span>
<span>平台担保</span> </view>
<view class="header-bottom-foot-view">
<image class="header-bottom-foot-view-img3" src="../../static/servicePackage/shuangyue.png"
mode=""></image>
<span>最快30分钟上门</span>
</view>
</view> </view>
</view> </view>
</view> </view>
@ -569,34 +574,38 @@
width: 30.56rpx; width: 30.56rpx;
height: 29.86rpx; height: 29.86rpx;
} }
.header-bottom-foot-view-img1{ .header-bottom-foot-view-img1 {
width: 30rpx; width: 30rpx;
height: 30rpx; height: 30rpx;
} }
.header-bottom-foot-view-img2{
width: 28rpx; .header-bottom-foot-view-img2 {
height: 28rpx; width: 23rpx;
height: 23rpx;
} }
.header-bottom-foot-view-img3{
width: 30rpx; .header-bottom-foot-view-img3 {
height: 30rpx; width: 26rpx;
height: 26rpx;
} }
.header-bottom-foot-view image{
margin-right: 3px; .header-bottom-foot-view image {
margin-right: 1px;
} }
.header-bottom-foot-view{
.header-bottom-foot-view {
width: 33%;
display: flex; display: flex;
flex-direction: row; flex-direction: row;
align-items: center; align-items: center;
justify-content: center; justify-content: center;
width: 80px;
height: 22px; height: 22px;
line-height: 22px; line-height: 22px;
background-color: rgba(8, 162, 138, 0.1); border-radius: 15px;
border-radius: 8px;
font-weight: 400; font-weight: 400;
font-size: 11px; font-size: 11px;
color: #029D88; color: #029c88;
word-break: keep-all;
} }
.header-bottom-foot-title{ .header-bottom-foot-title{
width: 65px; width: 65px;
@ -604,12 +613,14 @@
margin-right: 8rpx; margin-right: 8rpx;
margin-top: 4rpx; margin-top: 4rpx;
} }
.header-bottom-foot{ .header-bottom-foot {
width: 100%; width: 100%;
display: flex; display: flex;
flex-direction: row; flex-direction: column;
align-items: center; align-items: center;
margin-top: 8rpx; margin-top: 20rpx;
border-top: 1px solid #f7f7f7;
padding: 20rpx 0rpx 0rpx 0rpx;
} }
.header-bottom-money-jia{ .header-bottom-money-jia{
font-size: 28rpx; font-size: 28rpx;
@ -636,7 +647,9 @@
flex-direction: row; flex-direction: row;
align-items: baseline; align-items: baseline;
} }
.header-bottom-foot-view{
color:
}
.header-bottom-money-view{ .header-bottom-money-view{
width: 100%; width: 100%;
display: flex; display: flex;
@ -712,4 +725,11 @@
justify-content: fex-end; justify-content: fex-end;
background: #eefffa; background: #eefffa;
} }
.header-bottom-foot-cont{
width: 100%;
display: flex;
flex-direction: row;
align-items: center;
justify-content: space-between;
}
</style> </style>