1
This commit is contained in:
@ -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;
|
||||||
|
|||||||
@ -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;
|
||||||
|
|||||||
@ -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>
|
||||||
Reference in New Issue
Block a user