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; flex-direction: row;
align-items: center; align-items: center;
justify-content: center; justify-content: center;
padding: 1px 12px; padding: 2px 10px;
height: 22px; height: 22px;
line-height: 22px; line-height: 22px;
background-color: rgba(230, 246, 243, 1); background-color: rgba(230, 246, 243, 1);

View File

@ -44,7 +44,7 @@
<view class="header-bottom-foot"> <view class="header-bottom-foot">
<view class="header-bottom-foot-cont"> <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"> <view class="header-bottom-foot-view">
<image class="header-bottom-foot-view-img1" src="../../static/servicePackage/idCard.png" mode=""></image> <image class="header-bottom-foot-view-img1" src="../../static/servicePackage/idCard.png" mode=""></image>
<span>未服务全额退款</span> <span>未服务全额退款</span>
@ -128,7 +128,7 @@
</view> </view>
</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> </view>
<!-- 支付方式 --> <!-- 支付方式 -->
@ -1160,29 +1160,30 @@
height: 30rpx; height: 30rpx;
} }
.header-bottom-foot-view-img2{ .header-bottom-foot-view-img2{
width: 28rpx; width: 23rpx;
height: 28rpx; height: 23rpx;
} }
.header-bottom-foot-view-img3{ .header-bottom-foot-view-img3{
width: 30rpx; width: 26rpx;
height: 30rpx; height: 26rpx;
} }
.header-bottom-foot-view image{ .header-bottom-foot-view image{
margin-right: 3px; margin-right: 1px;
} }
.header-bottom-foot-view{ .header-bottom-foot-view{
width: 35%;
display: flex; display: flex;
flex-direction: row; flex-direction: row;
align-items: center; align-items: center;
justify-content: center; justify-content: center;
padding: 2px 12px;
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: 30px; border-radius: 15px;
font-weight: 400; font-weight: 400;
font-size: 11px; font-size: 10px;
color: #029D88; color: #029c88;
padding: 0 10rpx;
} }
.header-bottom-foot-title{ .header-bottom-foot-title{
height: 22px; height: 22px;
@ -1315,4 +1316,17 @@
height: auto; height: auto;
background-color: #f7f7f7; 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> </style>