修改支付成功页面

This commit is contained in:
tangxinyue 2026-07-07 09:14:19 +08:00
parent a2ab06de2b
commit 1b65430bd2
4 changed files with 490 additions and 480 deletions

View File

@ -29,7 +29,7 @@ export function createApp() {
app.config.globalProperties.$system = plus.os.name; app.config.globalProperties.$system = plus.os.name;
// #endif // #endif
app.config.globalProperties.$systemInfo = systemInfo app.config.globalProperties.$systemInfo = systemInfo
uni.setStorageSync('version', '1.0.6.sp17') uni.setStorageSync('version', '1.0.6.sp20')
app.config.globalProperties.$version = uni.getStorageSync('version') app.config.globalProperties.$version = uni.getStorageSync('version')
app.use(globalMethods); app.use(globalMethods);
return { return {

View File

@ -1,8 +1,8 @@
<template> <template>
<!-- 水印 --> <!-- 水印 -->
<view v-if="$isVip()"> <view v-if="$isVip()">
<watermark dark="light" source="uni_alipay_transfer" /> <watermark dark="light" source="uni_alipay_pay-successful" />
<liu-drag-button :canDocking="false" @clickBtn="$goRechargePage('watermark', 'uni_alipay_transfer')"> <liu-drag-button :canDocking="false" @clickBtn="$goRechargePage('watermark', 'uni_alipay_pay-successful')">
<c-lottie ref="cLottieRef" :src='$watermark()' width="94px" height='74px' :loop="true"></c-lottie> <c-lottie ref="cLottieRef" :src='$watermark()' width="94px" height='74px' :loop="true"></c-lottie>
</liu-drag-button> </liu-drag-button>
</view> </view>
@ -10,7 +10,7 @@
<!-- 蓝色背景区域 --> <!-- 蓝色背景区域 -->
<view class="header-section"> <view class="header-section">
<nav-bar ref="navBarRef" bgColor="transparent" :isBack="false" :buttonGroup="buttonGroup" <nav-bar ref="navBarRef" bgColor="transparent" :isBack="false" :buttonGroup="buttonGroup"
@button-click="handleButtonClick"> tipLayerType="pay-successful-tip" isTipLayer tipLayerText="修改支付数据" @button-click="handleButtonClick">
<template v-slot:right> <template v-slot:right>
<view class="nav-link w100" <view class="nav-link w100"
style="display: flex; align-items: center; justify-content: flex-end; white-space: nowrap; padding: 0;"> style="display: flex; align-items: center; justify-content: flex-end; white-space: nowrap; padding: 0;">
@ -27,7 +27,7 @@
<!-- 转账状态信息 --> <!-- 转账状态信息 -->
<view class="success-info"> <view class="success-info">
<view class="amount-box"> <view class="amount-box" @click="goEdit">
<text class="symbol">¥</text> <text class="symbol">¥</text>
<text class="amount alipay-font">{{ Number(payData.money).toFixed(2) }}</text> <text class="amount alipay-font">{{ Number(payData.money).toFixed(2) }}</text>
</view> </view>
@ -75,7 +75,9 @@
<view class="banner-info"> <view class="banner-info">
<view class="text-content"> <view class="text-content">
<text class="b-title"> <text class="b-title">
<text v-if="payData.style1.couponlist[0].price && payData.style1.couponlist[0].price > 0" style="color: #EA4833;">{{ payData.style1.couponlist[0].price }}</text> <text
v-if="payData.style1.couponlist[0].price && payData.style1.couponlist[0].price > 0"
style="color: #EA4833;">{{ payData.style1.couponlist[0].price }}</text>
{{ payData.style1.couponlist[0].title }} {{ payData.style1.couponlist[0].title }}
</text> </text>
<text class="b-desc"> <text class="b-desc">
@ -237,7 +239,9 @@ import {
import { import {
util util
} from '@/utils/common.js'; } from '@/utils/common.js';
import { defaultData } from './data.json'; import {
defaultData
} from './data.json';
const { const {
appContext, appContext,
proxy proxy
@ -262,16 +266,21 @@ const loadStorageData = () => {
loadStorageData(); loadStorageData();
const navBarRef = ref(null); const navBarRef = ref(null);
const buttonGroup = ref([ const buttonGroup = ref([{
{ name: '编辑支付数据', action: 'edit' } name: '编辑支付数据',
]); action: 'edit'
}]);
const handleButtonClick = (button) => { const handleButtonClick = (button) => {
if (button.action === 'edit') { if (button.action === 'edit') {
goEdit()
}
};
const goEdit = () => {
uni.navigateTo({ uni.navigateTo({
url: '/pages/balance/pay-successful/edit' url: '/pages/balance/pay-successful/edit'
}); });
} }
};
const toggleBanner = () => { const toggleBanner = () => {
const currentIndex = bannerImages.indexOf(payData.value.style1.bannerUrl); const currentIndex = bannerImages.indexOf(payData.value.style1.bannerUrl);
@ -281,11 +290,11 @@ const toggleBanner = () => {
}; };
onLoad(() => { onLoad(() => {
// //
proxy.$apiUserEvent('all', { proxy.$apiUserEvent('all', {
type: 'click', type: 'click',
key: 'transfer', key: 'pay-successful',
value: "转账" value: "支付成功"
}) })
}) })

View File

@ -1018,7 +1018,7 @@ onUnload(() => {
display: flex; display: flex;
flex-direction: column; flex-direction: column;
justify-content: flex-end; justify-content: flex-end;
margin-bottom: 32rpx; margin-bottom: 10rpx;
} }
.menu-item { .menu-item {
@ -1055,6 +1055,7 @@ onUnload(() => {
.activity-box { .activity-box {
margin: 0 32rpx; margin: 0 32rpx;
margin-top: 20rpx;
} }
.footer-box { .footer-box {

Binary file not shown.

Before

Width:  |  Height:  |  Size: 5.5 KiB

After

Width:  |  Height:  |  Size: 5.2 KiB