Skip to content
Toggle navigation
Toggle navigation
This project
Loading...
Sign in
杨炀
/
ztx_wx_gzt
Go to a project
Toggle navigation
Toggle navigation pinning
Projects
Groups
Snippets
Help
Project
Activity
Repository
Pipelines
Graphs
Issues
0
Merge Requests
0
Wiki
Network
Create a new issue
Builds
Commits
Issue Boards
Files
Commits
Network
Compare
Branches
Tags
07d82489
authored
2026-04-17 11:49:46 +0800
by
张猛
Browse Files
Options
Browse Files
Tag
Download
Email Patches
Plain Diff
个人支付跳转
1 parent
4377830a
Show whitespace changes
Inline
Side-by-side
Showing
3 changed files
with
75 additions
and
74 deletions
level/ztx/cert.vue
personal/order.vue
personal/sucPay.vue
level/ztx/cert.vue
View file @
07d8248
...
...
@@ -94,11 +94,11 @@ onLoad((option) => {
})
}
})
onShow
(()
=>
{
if
(
app
.
globalData
.
isLogin
)
{
init
()
}
else
{
app
.
firstLoadCallback
=
()
=>
{
init
()
};
...
...
personal/order.vue
View file @
07d8248
...
...
@@ -22,7 +22,7 @@
<!--
<image
v-if=
"item.payTime"
:src=
"config.baseUrl_api + '/fs/static/calendar@2x.png'"
mode=
"widthFix"
--
>
<!-- style="width:30rpx;height:30rpx;"/> -->
<!--
<text
v-if=
"item.payTime"
class=
"date-text"
>
{{
item
.
payTime
}}
</text>
-->
<text
class=
"value text-primary"
>
{{
item
.
wfCode
||
'——'
}}
</text>
<text
class=
"value text-primary"
>
{{
item
.
wfCode
||
'——'
}}
</text>
</view>
<view
:class=
"
{
...
...
@@ -124,7 +124,7 @@
<
script
setup
>
import
{
ref
,
reactive
,
onMounted
,
computed
}
from
'vue'
;
import
{
onReachBottom
}
from
'@dcloudio/uni-app'
import
{
useUserStore
}
from
"
..
/store/modules/user"
;
import
{
useUserStore
}
from
"
@
/store/modules/user"
;
import
*
as
api
from
'@/common/api.js'
import
config
from
'@/config.js'
...
...
@@ -242,7 +242,7 @@ const confirmDel = async () => {
uni
.
showToast
({
title
:
'删除成功'
,
icon
:
'success'
});
pageNum
.
value
=
1
;
list
.
value
=
[];
initData
();
await
initData
();
closeDelPopup
();
}
catch
(
e
)
{
uni
.
showToast
({
title
:
'删除失败'
,
icon
:
'error'
});
...
...
@@ -288,7 +288,7 @@ const confirmCancel = async () => {
uni
.
showToast
({
title
:
'取消成功'
,
icon
:
'success'
});
pageNum
.
value
=
1
;
list
.
value
=
[];
initData
();
await
initData
();
closeCancelPopup
();
}
catch
(
e
)
{
uni
.
showToast
({
title
:
'取消失败'
,
icon
:
'error'
});
...
...
personal/sucPay.vue
View file @
07d8248
...
...
@@ -15,7 +15,7 @@
<view
class=
"info-card"
>
<view
class=
"info-item"
>
<text
class=
"label"
>
交易流水号
</text>
<text
class=
"value"
>
{{
orderInfo
.
tradeNo
||
'--'
}}
</text>
<text
class=
"value"
>
{{
orderInfo
.
tradeNo
||
'--'
}}
</text>
</view>
<view
class=
"info-item"
>
<text
class=
"label"
>
商户名称
</text>
...
...
@@ -35,29 +35,30 @@
</
template
>
<
script
setup
>
import
{
import
{
ref
}
from
'vue'
import
{
}
from
'vue'
import
{
onLoad
}
from
'@dcloudio/uni-app'
import
to
from
'await-to-js'
import
*
as
api
from
'@/common/api.js'
}
from
'@dcloudio/uni-app'
import
to
from
'await-to-js'
import
*
as
api
from
'@/common/api.js'
const
orderInfo
=
ref
({
const
orderInfo
=
ref
({
id
:
''
,
tradeNo
:
''
,
merchantName
:
'中国跆拳道协会'
,
price
:
''
})
})
const
goBack
=
()
=>
{
uni
.
reLaunch
({
url
:
'/login/login'
const
goBack
=
()
=>
{
uni
.
redirectTo
({
// url: '/login/login'
url
:
'/personal/order'
})
}
}
onLoad
(
async
(
option
)
=>
{
onLoad
(
async
(
option
)
=>
{
if
(
option
.
orderId
)
{
const
[
err
,
res
]
=
await
to
(
api
.
getOrderInfo
(
option
.
orderId
))
if
(
!
err
&&
res
.
data
)
{
...
...
@@ -66,12 +67,12 @@
orderInfo
.
value
.
id
=
option
.
orderId
}
}
})
})
</
script
>
<
style
scoped
>
/* 全局容器 */
.success-container
{
/* 全局容器 */
.success-container
{
display
:
flex
;
flex-direction
:
column
;
align-items
:
center
;
...
...
@@ -79,16 +80,16 @@
min-height
:
100vh
;
background-color
:
#f8f9fa
;
box-sizing
:
border-box
;
}
}
/* 成功图标容器 */
.success-icon
{
/* 成功图标容器 */
.success-icon
{
margin-bottom
:
40
rpx
;
animation
:
fadeIn
0.6s
ease-out
;
}
}
/* 渐变圆形背景 */
.icon-circle
{
/* 渐变圆形背景 */
.icon-circle
{
width
:
180
rpx
;
height
:
180
rpx
;
border-radius
:
50%
;
...
...
@@ -100,34 +101,34 @@
box-shadow
:
0
8
rpx
30
rpx
rgba
(
6
,
193
,
174
,
0.3
);
/* 轻微上浮动效 */
animation
:
scaleIn
0.8s
ease-out
;
}
}
/* 对勾图标 */
.check-icon
{
/* 对勾图标 */
.check-icon
{
font-size
:
90
rpx
;
color
:
#ffffff
;
font-weight
:
bold
;
}
}
/* 支付成功标题 */
.success-title
{
/* 支付成功标题 */
.success-title
{
font-size
:
48
rpx
;
font-weight
:
700
;
color
:
#333333
;
margin-bottom
:
12
rpx
;
animation
:
slideUp
0.6s
ease-out
;
}
}
/* 副标题 */
.success-subtitle
{
/* 副标题 */
.success-subtitle
{
font-size
:
28
rpx
;
color
:
#666666
;
margin-bottom
:
60
rpx
;
animation
:
slideUp
0.8s
ease-out
;
}
}
/* 订单信息卡片 */
.info-card
{
/* 订单信息卡片 */
.info-card
{
width
:
100%
;
background
:
#ffffff
;
border-radius
:
20
rpx
;
...
...
@@ -135,55 +136,55 @@
box-shadow
:
0
6
rpx
20
rpx
rgba
(
0
,
0
,
0
,
0.05
);
margin-bottom
:
80
rpx
;
animation
:
fadeIn
1s
ease-out
;
}
}
/* 单个信息项 */
.info-item
{
/* 单个信息项 */
.info-item
{
display
:
flex
;
justify-content
:
space-between
;
align-items
:
center
;
padding
:
24
rpx
0
;
border-bottom
:
1
rpx
solid
#f5f5f5
;
}
}
/* 最后一项去掉下划线 */
.info-item
:last-child
{
/* 最后一项去掉下划线 */
.info-item
:last-child
{
border-bottom
:
none
;
}
}
/* 标签样式 */
.label
{
/* 标签样式 */
.label
{
font-size
:
32
rpx
;
color
:
#666666
;
white-space
:
nowrap
;
margin-right
:
20
rpx
;
flex-shrink
:
0
;
}
}
/* 值样式 */
.value
{
/* 值样式 */
.value
{
font-size
:
32
rpx
;
color
:
#333333
;
text-align
:
right
;
word-break
:
break-all
;
word-wrap
:
break-word
;
}
}
/* 金额特殊样式 */
.amount
{
/* 金额特殊样式 */
.amount
{
color
:
#cd1e27
;
font-weight
:
600
;
}
}
/* 确定按钮区域 */
.confirm-btn-area
{
/* 确定按钮区域 */
.confirm-btn-area
{
width
:
100%
;
padding
:
0
20
rpx
;
box-sizing
:
border-box
;
}
}
/* 确定按钮(渐变+动效) */
.confirm-btn
{
/* 确定按钮(渐变+动效) */
.confirm-btn
{
width
:
100%
;
height
:
90
rpx
;
line-height
:
90
rpx
;
...
...
@@ -198,20 +199,20 @@
/* 禁止默认样式 */
position
:
relative
;
overflow
:
hidden
;
}
}
/* 按钮点击反馈 */
.confirm-btn
::after
{
/* 按钮点击反馈 */
.confirm-btn
::after
{
border
:
none
;
}
}
.confirm-btn
:active
{
.confirm-btn
:active
{
transform
:
scale
(
0.98
);
box-shadow
:
0
4
rpx
10
rpx
rgba
(
6
,
193
,
174
,
0.2
);
}
}
/* 动画定义 */
@keyframes
fadeIn
{
/* 动画定义 */
@keyframes
fadeIn
{
0
%
{
opacity
:
0
;
}
...
...
@@ -219,9 +220,9 @@
100
%
{
opacity
:
1
;
}
}
}
@keyframes
scaleIn
{
@keyframes
scaleIn
{
0
%
{
transform
:
scale
(
0
);
}
...
...
@@ -233,9 +234,9 @@
100
%
{
transform
:
scale
(
1
);
}
}
}
@keyframes
slideUp
{
@keyframes
slideUp
{
0
%
{
opacity
:
0
;
transform
:
translateY
(
30
rpx
);
...
...
@@ -245,5 +246,5 @@
opacity
:
1
;
transform
:
translateY
(
0
);
}
}
}
</
style
>
...
...
Write
Preview
Styling with
Markdown
is supported
Attach a file
You are about to add
0
people
to the discussion. Proceed with caution.
Finish editing this message first!
Cancel
Please
register
or
sign in
to post a comment