This commit is contained in:
kbing1981 2024-07-03 22:12:55 +08:00
parent a14836d3c7
commit c58f3ee0f9
2 changed files with 27 additions and 13 deletions

View File

@ -1157,7 +1157,7 @@
flex-direction: row;
align-items: center;
justify-content: center;
padding: 1px 12px;
padding: 2px 10px;
height: 22px;
line-height: 22px;
background-color: rgba(230, 246, 243, 1);

View File

@ -44,7 +44,7 @@
<view class="header-bottom-foot">
<view class="header-bottom-foot-cont">
<view class="header-bottom-foot-title">保障</view>
<!--<view class="header-bottom-foot-title">保障</view>-->
<view class="header-bottom-foot-view">
<image class="header-bottom-foot-view-img1" src="../../static/servicePackage/idCard.png" mode=""></image>
<span>未服务全额退款</span>
@ -128,7 +128,7 @@
</view>
</view>
<view class="detail-btn" v-if="dataList.name=='index'" @click="openpay(mainData)">
<view class="detail-btn btn" v-if="dataList.name=='index'" @click="openpay(mainData)">
立即购买
</view>
<!-- 支付方式 -->
@ -1160,29 +1160,30 @@
height: 30rpx;
}
.header-bottom-foot-view-img2{
width: 28rpx;
height: 28rpx;
width: 23rpx;
height: 23rpx;
}
.header-bottom-foot-view-img3{
width: 30rpx;
height: 30rpx;
width: 26rpx;
height: 26rpx;
}
.header-bottom-foot-view image{
margin-right: 3px;
margin-right: 1px;
}
.header-bottom-foot-view{
width: 35%;
display: flex;
flex-direction: row;
align-items: center;
justify-content: center;
padding: 2px 12px;
height: 22px;
line-height: 22px;
background-color: rgba(8, 162, 138, 0.1);
border-radius: 30px;
background-color: rgba(230, 246, 243, 1);
border-radius: 15px;
font-weight: 400;
font-size: 11px;
color: #029D88;
padding: 0 10rpx;
font-size: 10px;
color: #029c88;
}
.header-bottom-foot-title{
height: 22px;
@ -1315,4 +1316,17 @@
height: auto;
background-color: #f7f7f7;
}
.btn {
background: linear-gradient(to right, rgb(1, 156, 136), rgb(49, 193, 148));
color: rgb(255, 255, 255);
margin: 8px 16px;
position: fixed;
bottom: 0px;
width: 90%;
border-radius: 27px;
height: 43px;
line-height: 43px;
font-size: 17px;
text-align: center;
}
</style>