This commit is contained in:
2026-04-10 17:32:50 +08:00
parent 4002f91a54
commit 32fa3e9bd2
3 changed files with 35 additions and 12 deletions

View File

@ -621,7 +621,7 @@ export default {
} }
.logoutBtn { .logoutBtn {
background: linear-gradient(270deg, #FF19A0 0%, #FF6BB3 100%); background: #FF19A0;
border-radius: 218px; border-radius: 218px;
color: #fff; color: #fff;
font-size: 23rpx; font-size: 23rpx;

View File

@ -409,7 +409,7 @@ title: '请添加客服号',
} }
.logoutBtn { .logoutBtn {
background: linear-gradient(270deg, #FF19A0 0%, #FF6BB3 100%); background: #FF19A0;
color: #fff; color: #fff;
padding: 16rpx 32rpx; padding: 16rpx 32rpx;
border-radius: 50rpx; border-radius: 50rpx;

View File

@ -70,8 +70,11 @@
<view class="place-view"></view> <view class="place-view"></view>
<view class="order-create-bottom"> <view class="order-create-bottom">
<view class="price-info">
<text class="current-price">¥{{ payPrice.toFixed(2) }}</text>
</view>
<view class="pay-btn" @click="createOrder"> <view class="pay-btn" @click="createOrder">
<text class="pay-btn-text">立即支付</text> <text class="pay-btn-text">立即购买</text>
</view> </view>
</view> </view>
@ -385,7 +388,7 @@ export default {
margin-bottom: 16rpx; margin-bottom: 16rpx;
} }
.price-wrapper { .price-wrapper {
display: flex; display: flex;
align-items: baseline; align-items: baseline;
margin-bottom: 12rpx; margin-bottom: 12rpx;
@ -400,7 +403,7 @@ export default {
} }
.final-price { .final-price {
font-size: 36rpx; font-size: 48rpx;
color: #ff19a0; color: #ff19a0;
font-weight: 700; font-weight: 700;
margin-right: 12rpx; margin-right: 12rpx;
@ -438,29 +441,49 @@ export default {
box-sizing: border-box; box-sizing: border-box;
display: flex; display: flex;
align-items: center; align-items: center;
gap: 20rpx; justify-content: space-between;
box-shadow: 0px -2px 10px 0px rgba(0, 0, 0, 0.05); box-shadow: 0px -2px 10px 0px rgba(0, 0, 0, 0.05);
.price-info {
display: flex;
align-items: baseline;
.current-price {
font-size: 40rpx;
color: #ff19a0;
font-weight: 700;
margin-right: 12rpx;
}
.original-price {
font-size: 24rpx;
color: #999;
text-decoration: line-through;
}
}
.pay-btn { .pay-btn {
flex: 1; flex: 0 0 auto;
height: 92rpx; height: 72rpx;
border-radius: 92rpx; padding: 0 40rpx;
border-radius: 72rpx;
background: #ff19a0; background: #ff19a0;
display: flex; display: flex;
align-items: center; align-items: center;
justify-content: center; justify-content: center;
.pay-btn-text { .pay-btn-text {
font-size: 30rpx; font-size: 32rpx;
color: #fff; color: #fff;
font-weight: 500; font-weight: 600;
} }
} }
} }
} }
.full-width-img { .full-width-img {
width: 100%; width: calc(100% - 40rpx);
margin: 0 20rpx;
display: block; display: block;
} }
</style> </style>