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"
:src="item.product_pic"
mode="aspectFill"
@click="jumpToGoodDetails(item)"
/>
<view class="goods-content" @click="jumpToGoodDetails(item)">
<view class="goods-content" >
<view class="goods-row-first">
<view class="goods-name">{{ item.product_name || "" }}</view>
<text class="goods-price"
@ -344,10 +343,15 @@
</view>
</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 -->
<pay-button-sdk
:mode="1"
@ -367,10 +371,10 @@
/>
<!-- #endif -->
<!-- #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 -->
</view>
<!-- 立即预约按钮始终显示 -->
<!-- 立即预约按钮 -->
<view class="handle-btn" @click.stop="remindSliver">
<text class="fs-32 btnColor">立即预约</text>
</view>
@ -635,7 +639,6 @@ export default {
onLoad(options) {
this.orderId = options.id;
this.getOrderDetail();
// 初始化联系客服按钮位置
const systemInfo = uni.getSystemInfoSync();
const windowHeight = systemInfo.windowHeight;
@ -1081,9 +1084,9 @@ plugin.continueToPay({
font-size: 28rpx;
color: #3d3d3d;
line-height: 40rpx;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
// overflow: hidden;
// text-overflow: ellipsis;
// white-space: nowrap;
margin-right: 20rpx;
}
@ -1362,9 +1365,15 @@ plugin.continueToPay({
justify-content: center !important;
position: relative;
overflow: hidden;
text-align: center;
.btnColor {
color: #ff19a0 !important;
display: flex;
align-items: center;
justify-content: center;
width: 100%;
height: 100%;
}
// 确保 pay-button 组件居中显示
@ -1378,6 +1387,25 @@ plugin.continueToPay({
top: 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;
}
}
// 最后一个按钮（立即预约）保持粉色背景白色文字样式