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>
</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> </view>
<!-- <u-skeleton :loading="loading" :animation="true" bgColor="#FFF"></u-skeleton> --> <!-- <u-skeleton :loading="loading" :animation="true" bgColor="#FFF"></u-skeleton> -->
@ -2073,16 +2075,27 @@
/* #endif */ /* #endif */
} }
.push-button{
.pay_btn {
width: 100%; width: 100%;
height: 50px; height: 48px;
position: fixed; position: fixed;
bottom: 0px; bottom: 0px;
display: flex; display: flex;
flex-direction: column; flex-direction: column;
align-items: center; align-items: center;
z-index: 666; margin: 0 auto;
}
.pay_btn {
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{ .pay-btns{
display: inline-block; display: inline-block;

View File

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