This commit is contained in:
kbing1981 2024-07-31 17:39:21 +08:00
parent 9b15ae34e7
commit 1c9f7bacbd
2 changed files with 92 additions and 52 deletions

View File

@ -533,7 +533,7 @@
align-items: center;
margin-top: 20rpx;
border-top: 1px solid #f7f7f7;
padding: 20rpx 20rpx 0rpx 20rpx;
padding: 20rpx 0rpx 0rpx 0rpx;
}
.header-bottom-money-jia{
font-size: 28rpx;
@ -546,21 +546,26 @@
color: #FF1200;
}
.header-bottom-money-zhen span:nth-child(1){
font-size: 25rpx;
font-weight: 400;
font-size: 26rpx;
color: #FF6000;
}
.header-bottom-money-zhen span:nth-child(2){
font-size:45.81rpx;
font-size:38rpx;
font-weight: bold;
color: #FF6000;
line-height:32rpx;
}
.header-bottom-money-zhen span:nth-child(3){
font-size: 25rpx;
font-size: 26rpx;
color: #FF6000;
}
.header-bottom-money-zhen{
display: flex;
flex-direction: row;
align-items: baseline;
/*align-items: baseline;*/
align-items: center;
}
.header-bottom-money-view{
width: 100%;
display: flex;
@ -576,8 +581,7 @@
margin-top: 15rpx;
}
.header-bottom-title-num span{
font-weight: bold;
font-size: 25rpx;
font-size: 28rpx;
}
.header-bottom-title-num span:nth-child(1){
font-weight: bold;

View File

@ -39,7 +39,7 @@
</view>
<span class="jianjie-more" @click="contentClick">...</span>
</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-view">
<image class="header-bottom-foot-view-img1" src="../../static/servicePackage/idCard.png" mode=""></image>
@ -53,6 +53,23 @@
<image class="header-bottom-foot-view-img3" src="../../static/servicePackage/shuangyue.png" mode=""></image>
<span>平台担保</span>
</view>
</view>-->
<view class="header-bottom-foot">
<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>
</view>
@ -692,14 +709,14 @@
margin-left: 27px;
}
.detail-view-mina{
width: 74%;
width:74%;
display: flex;
flex-direction: column;
justify-content: space-around;
}
.detail-view-img{
width: 80px;
height: 80px;
width:74px;
height:74px;
border-radius: 9px;
}
.detail-view{
@ -947,7 +964,7 @@
.detail-foot-list-top span:nth-child(1){
font-weight: bold;
font-size: 31rpx;
color: #3F3F3F;
color: #333333;
}
.detail-foot-list-top span:nth-child(2){
width: 76rpx;
@ -1012,48 +1029,12 @@
width: 30.56rpx;
height: 29.86rpx;
}
.header-bottom-foot-view-img1{
width: 30rpx;
height: 30rpx;
}
.header-bottom-foot-view-img2{
width: 28rpx;
height: 28rpx;
}
.header-bottom-foot-view-img3{
width: 30rpx;
height: 30rpx;
}
.header-bottom-foot-view image{
margin-right: 3px;
}
.header-bottom-foot-view{
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;
font-weight: 400;
font-size: 11px;
color: #029D88;
}
.header-bottom-foot-title{
width: 65px;
height: 17px;
margin-right: 8rpx;
margin-top: 4rpx;
}
.header-bottom-foot{
width: 100%;
display: flex;
flex-direction: row;
align-items: center;
margin-top: 8rpx;
}
.header-bottom-money-jia{
font-size: 28rpx;
color: #848484;
@ -1065,21 +1046,26 @@
color: #FF1200;
}
.header-bottom-money-zhen span:nth-child(1){
font-weight: 400;
font-size: 26rpx;
color: #FF6000;
}
.header-bottom-money-zhen span:nth-child(2){
font-size:38rpx;
font-weight: bold;
color: #FF6000;
line-height:32rpx;
}
.header-bottom-money-zhen span:nth-child(3){
font-size: 26rpx;
color: #FF6000;
}
.header-bottom-money-zhen{
display: flex;
flex-direction: row;
align-items: baseline;
/*align-items: baseline;*/
align-items: center;
}
.header-bottom-money-view{
width: 100%;
display: flex;
@ -1091,7 +1077,7 @@
width: 100%;
display: flex;
flex-direction: row;
align-items: flex-end;
align-items: center;
}
.header-bottom-title-num span{
font-size: 28rpx;
@ -1155,4 +1141,54 @@
justify-content: fex-end;
background: #eefffa;
}
.header-bottom-top-list{
width: 100%;
display: flex;
flex-direction: row;
align-items: center;
background-color: rgba(230, 246, 243, 0.6);
}
.header-bottom-foot{
width: 100%;
display: flex;
flex-direction: column;
align-items: center;
margin-top: 20rpx;
border-top: 1px solid #f7f7f7;
padding: 20rpx 0rpx 0rpx 0rpx;
}
.header-bottom-foot-cont{
width: 100%;
display: flex;
flex-direction: row;
align-items: center;
justify-content: space-between;
}
.header-bottom-foot-view-img1{
width: 30rpx;
height: 30rpx;
}
.header-bottom-foot-view-img2{
width: 23rpx;
height: 23rpx;
}
.header-bottom-foot-view-img3{
width: 26rpx;
height: 26rpx;
}
.header-bottom-foot-view image{
margin-right: 1px;
}
.header-bottom-foot-view{
display: flex;
flex-direction: row;
align-items: center;
justify-content: center;
height: 22px;
line-height: 22px;
border-radius: 15px;
font-weight: 400;
font-size: 11px;
color: #029c88;
}
</style>