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

View File

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