This commit is contained in:
kbing1981 2024-07-18 11:00:59 +08:00
parent 6c0c47c5c5
commit 03be2bc145
2 changed files with 54 additions and 30 deletions

View File

@ -83,8 +83,10 @@
</view>
</view>
</view>
<view class="push-button">
<view class="pay_btn" @click="openpay()">去支付</view>
</view>
<view class="pay_btn" @click="openpay()"><span class="pay-btns">去支付</span></view>
</view>
<!-- <u-skeleton :loading="loading" :animation="true" bgColor="#FFF"></u-skeleton> -->
@ -2073,16 +2075,27 @@
/* #endif */
}
.push-button{
width: 100%;
height: 48px;
position: fixed;
bottom: 0px;
display: flex;
flex-direction: column;
align-items: center;
margin: 0 auto;
}
.pay_btn {
width: 100%;
height: 50px;
position: fixed;
bottom: 0px;
display: flex;
flex-direction: column;
align-items: center;
z-index: 666;
display: inline-block;
width: 92%;
text-align: center;
background: linear-gradient(90deg, #019C88, #28BA92, #35C495);
height: 40px;
border-radius: 28px;
color: #ffffff;
line-height: 40px;
margin-top: 4px;
font-size: 34rpx;
}
.pay-btns{
display: inline-block;

View File

@ -93,10 +93,14 @@
服务项目{{index+1}}
</view>
</view>
<view style="height: 70rpx;"></view>
</view>
</view>
<view class="detail-btn" v-if="serviData.name=='index'" @click="openpay(mainData)">
立即购买
<view class="push-button">
<view class="detail-btn" v-if="serviData.name=='index'" @click="openpay(mainData)">
立即购买
</view>
</view>
<!-- 支付方式 -->
<u-popup v-model="showpay" mode="bottom" :closeable="closeable">
@ -805,19 +809,27 @@
color: #ffffff;
line-height: 80rpx;
}
.push-button{
width: 100%;
height: 48px;
position: fixed;
bottom: 0px;
display: flex;
flex-direction: column;
align-items: center;
margin: 0 auto;
}
.detail-btn{
width: 90%;
margin: 0 auto;
text-align: center;
background: linear-gradient(90deg, #019C88, #28BA92, #35C495);
height:80rpx;
border-radius: 80rpx;
color: #ffffff;
line-height: 80rpx;
font-size: 36rpx;
position: fixed;
bottom: 0;
margin-bottom: 10px;
display: inline-block;
width: 92%;
text-align: center;
background: linear-gradient(90deg, #019C88, #28BA92, #35C495);
height: 40px;
border-radius: 28px;
color: #ffffff;
line-height: 40px;
margin-top: 4px;
font-size: 34rpx;
}
.header-top image{
width: 706.25rpx;
@ -900,7 +912,6 @@
flex-direction: column;
align-items: center;
padding: 15px 0px;
margin-bottom: 50px;
}
.tese span:nth-child(1){
@ -919,7 +930,6 @@
-webkit-line-clamp: 2; /* 显示的行数,可以根据需要修改 */
overflow: hidden;
text-overflow: ellipsis;
margin-top: 8px;
}
.detail-foot-list-top span:nth-child(1){
font-weight: bold;
@ -1114,13 +1124,14 @@
}
.service-more{
width: 50px;
height: 28px;
height: 26px;
font-size: 13px;
background: linear-gradient(-90deg, #0CA891, #23BBA2);
border-radius: 15px;
line-height: 28px;
color: #fff;
line-height: 26px;
border: 1px #2dbe93 solid ;
color: #019c88;
text-align: center;
justify-content: fex-end;
background: #eefffa;
}
</style>