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

样式修改

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
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

70
pages/my/cureOderDrtail.vue
View File

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