样式修改

This commit is contained in:
kbing1981 2024-06-27 21:26:16 +08:00
parent 363a01f341
commit c6145d36af
1 changed files with 46 additions and 24 deletions

View File

@ -38,6 +38,23 @@
</view> </view>
</view> </view>
<view class="header-bottom-foot"> <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;">
<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 class="header-bottom-foot">
<view class="header-bottom-foot-title">服务保障</view> <view class="header-bottom-foot-title">服务保障</view>
<view class="header-bottom-foot-cont"> <view class="header-bottom-foot-cont">
<view class="header-bottom-foot-view"> <view class="header-bottom-foot-view">
@ -53,7 +70,7 @@
<span>最快30分钟上门</span> <span>最快30分钟上门</span>
</view> </view>
</view> </view>
</view> </view>-->
</view> </view>
</view> </view>
<view class="detail-foot"> <view class="detail-foot">
@ -170,21 +187,25 @@
} }
</script> </script>
<style scoped> <style scoped>
.header-fubz{
font-size: 26rpx;
color: #029c88;
font-weight: bold;
}
.header-bottom-title-liao{ .header-bottom-title-liao{
display: inline-block; display: inline-block;
padding: 0 7px; padding: 3px 7px;
height: 16px; height: 16px;
line-height: 16px; line-height: 16px;
text-align: center; text-align: center;
background: linear-gradient(-90deg, #FF6F48, #FF9E69); background: linear-gradient(-90deg, #FF6F48, #FF9E69);
border-radius: 7px; border-radius: 7px;
margin-left: 5px; margin-left: 5px;
font-weight: bold; font-size: 11px;
font-size: 8px;
border-top-left-radius: 20px; border-top-left-radius: 20px;
border-bottom-right-radius: 20px; border-bottom-right-radius: 20px;
color: #fff; color: #fff;
} }
.detail-btn{ .detail-btn{
width:95%; width:95%;
height: 92rpx; height: 92rpx;
@ -239,8 +260,7 @@
width: 100%; width: 100%;
display: flex; display: flex;
flex-direction: row; flex-direction: row;
font-weight: bold; font-size: 26rpx;
font-size: 22rpx;
} }
.header-bottom-title-bottom span{ .header-bottom-title-bottom span{
font-weight: bold; font-weight: bold;
@ -287,15 +307,15 @@
display: flex; display: flex;
flex-direction: column; flex-direction: column;
position: relative; position: relative;
margin-bottom: 10px; margin-bottom: 15px;
} }
.detail-foot{ .detail-foot{
width: 100%; width: 100%;
display: flex; display: flex;
flex-direction: column; flex-direction: column;
align-items: center; align-items: center;
padding: 15px 0px; padding: 5rpx 0rpx;
} }
.tese span:nth-child(1){ .tese span:nth-child(1){
font-weight: bold; font-weight: bold;
@ -346,6 +366,7 @@
background-color: #fff; background-color: #fff;
border-radius: 21rpx; border-radius: 21rpx;
padding: 15px; padding: 15px;
margin-bottom: 10px;
} }
.jianjie{ .jianjie{
font-weight: 400; font-weight: 400;
@ -378,16 +399,16 @@
height: 29.86rpx; height: 29.86rpx;
} }
.header-bottom-foot-view-img1{ .header-bottom-foot-view-img1{
width: 22.92rpx; width: 30rpx;
height: 17.36rpx; height: 30rpx;
} }
.header-bottom-foot-view-img2{ .header-bottom-foot-view-img2{
width: 16.67rpx; width: 23rpx;
height: 16.67rpx; height: 23rpx;
} }
.header-bottom-foot-view-img3{ .header-bottom-foot-view-img3{
width: 15.97rpx; width: 26rpx;
height: 18.06rpx; height: 26rpx;
} }
.header-bottom-foot-view image{ .header-bottom-foot-view image{
margin-right: 3px; margin-right: 3px;
@ -397,14 +418,14 @@
flex-direction: row; flex-direction: row;
align-items: center; align-items: center;
justify-content: center; justify-content: center;
padding: 0 5px; padding: 1px 8px;
height: 22px; height: 22px;
line-height: 22px; line-height: 22px;
background-color: rgba(8, 162, 138, 0.1); background-color: rgba(230, 246, 243, 1);
border-radius: 8px; border-radius: 15px;
font-weight: 400; font-weight: 400;
font-size: 8px; font-size: 10px;
color: #029D88; color: #029c88;
} }
.header-bottom-foot-title{ .header-bottom-foot-title{
width:100%; width:100%;
@ -428,9 +449,9 @@
display: flex; display: flex;
flex-direction: column; flex-direction: column;
align-items: center; align-items: center;
margin-top: 26rpx;
} }
.header-bottom-money-jia{ .header-bottom-money-jia{
font-weight: bold;
font-size: 28rpx; font-size: 28rpx;
color: #848484; color: #848484;
line-height: 37rpx; line-height: 37rpx;
@ -444,7 +465,7 @@
font-size: 25rpx; font-size: 25rpx;
} }
.header-bottom-money-zhen span:nth-child(2){ .header-bottom-money-zhen span:nth-child(2){
font-size:36.81rpx; font-size:45.81rpx;
font-weight: bold; font-weight: bold;
} }
.header-bottom-money-zhen span:nth-child(3){ .header-bottom-money-zhen span:nth-child(3){
@ -503,6 +524,7 @@
padding: 15px; padding: 15px;
display: flex; display: flex;
flex-direction: column; flex-direction: column;
margin-bottom: 20rpx;
} }
.header-top image{ .header-top image{
width: 706.25rpx; width: 706.25rpx;