lmm45037/wagoo-douy3
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

1

Browse Source
This commit is contained in:
初心
2026-04-09 16:50:25 +08:00
parent 9b6b76f747
commit 34148c6084
1 changed files with 39 additions and 11 deletions
Download Patch File Download Diff File Expand all files Collapse all files

50
src/pages/client/order/details.vue
View File

@ -203,9 +203,8 @@
class="goods-img" class="goods-img"
:src="item.product_pic" :src="item.product_pic"
mode="aspectFill" mode="aspectFill"
@click="jumpToGoodDetails(item)"
/> />
<view class="goods-content" @click="jumpToGoodDetails(item)"> <view class="goods-content" >
<view class="goods-row-first"> <view class="goods-row-first">
<view class="goods-name">{{ item.product_name || "" }}</view> <view class="goods-name">{{ item.product_name || "" }}</view>
<text class="goods-price" <text class="goods-price"
@ -344,10 +343,15 @@
</view> </view>
</template> </template>
<!-- 待发货 --> <!-- 待发货（待预约） -->
<template > <template
v-if="
[SHOP_ORDER_UNSLIVER].includes(orderData.status) &&
showBeforeSaleOrderStatus
"
>
<!-- 抖音退款组件 - 只有在没有售后状态或售后被驳回时显示 --> <!-- 抖音退款组件 - 只有在没有售后状态或售后被驳回时显示 -->
<view v-if="showBeforeSaleOrderStatus" class="handle-btn refund-btn"> <view class="handle-btn refund-btn">
<!-- #ifdef MP-TOUTIAO --> <!-- #ifdef MP-TOUTIAO -->
<pay-button-sdk <pay-button-sdk
:mode="1" :mode="1"
@ -367,10 +371,10 @@
/> />
<!-- #endif --> <!-- #endif -->
<!-- #ifndef MP-TOUTIAO --> <!-- #ifndef MP-TOUTIAO -->
<text class="fs-32 btnColor" style="color: #ff19a0" @click.stop="remindRefund(orderData.order_id)">立即退款</text> <text class="fs-32 btnColor" style="color: #ff19a0" @click.stop="remindRefund(orderData.order_id)">申请退款</text>
<!-- #endif --> <!-- #endif -->
</view> </view>
<!-- 立即预约按钮始终显示 --> <!-- 立即预约按钮 -->
<view class="handle-btn" @click.stop="remindSliver"> <view class="handle-btn" @click.stop="remindSliver">
<text class="fs-32 btnColor">立即预约</text> <text class="fs-32 btnColor">立即预约</text>
</view> </view>
@ -635,7 +639,6 @@ export default {
onLoad(options) { onLoad(options) {
this.orderId = options.id; this.orderId = options.id;
this.getOrderDetail(); this.getOrderDetail();
// 初始化联系客服按钮位置 // 初始化联系客服按钮位置
const systemInfo = uni.getSystemInfoSync(); const systemInfo = uni.getSystemInfoSync();
const windowHeight = systemInfo.windowHeight; const windowHeight = systemInfo.windowHeight;
@ -1081,9 +1084,9 @@ plugin.continueToPay({
font-size: 28rpx; font-size: 28rpx;
color: #3d3d3d; color: #3d3d3d;
line-height: 40rpx; line-height: 40rpx;
overflow: hidden; // overflow: hidden;
text-overflow: ellipsis; // text-overflow: ellipsis;
white-space: nowrap; // white-space: nowrap;
margin-right: 20rpx; margin-right: 20rpx;
} }
@ -1362,9 +1365,15 @@ plugin.continueToPay({
justify-content: center !important; justify-content: center !important;
position: relative; position: relative;
overflow: hidden; overflow: hidden;
text-align: center;
.btnColor { .btnColor {
color: #ff19a0 !important; color: #ff19a0 !important;
display: flex;
align-items: center;
justify-content: center;
width: 100%;
height: 100%;
} }
// 确保 pay-button 组件居中显示 // 确保 pay-button 组件居中显示
@ -1378,6 +1387,25 @@ plugin.continueToPay({
top: 0 !important; top: 0 !important;
left: 0 !important; left: 0 !important;
} }
// 确保 pay-button-sdk 组件居中显示
::v-deep pay-button-sdk {
display: flex !important;
align-items: center !important;
justify-content: center !important;
width: 100% !important;
height: 100% !important;
position: absolute !important;
top: 0 !important;
left: 0 !important;
}
// 确保组件内部的所有元素都居中
::v-deep * {
display: flex !important;
align-items: center !important;
justify-content: center !important;
}
} }
// 最后一个按钮（立即预约）保持粉色背景白色文字样式 // 最后一个按钮（立即预约）保持粉色背景白色文字样式