You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
This file contains ambiguous Unicode characters that may be confused with others in your current locale. If your use case is intentional and legitimate, you can safely ignore this warning. Use the Escape button to highlight these characters.
< template >
< view class = "content" >
< view >
< image class = "topimg" src = "../../static/image/suc.png" > < / image >
< text class = "tit" > 支付成功 < / text >
<!-- < view class = "tipcon" >
成功支付 < text class = "tip" > 2999.00 < / text > 元 ， 详情请查看 < text class = "tip" @click ="gotoOrder" > 我 的 订 单 < / text >
< / view > - - >
< / view >
< view >
< view class = "etipcon" >
< uni -icons type = "close" color = "#fa436a" size = "80" > < / u n i - i c o n s >
< / view >
< text class = "etit" > 支付失败 < / text >
< text class = "ertit" > 请返回重试 < / text >
< / view >
< view class = "btn-group" >
< navigator url = "/pages/order/orderlist?id=0" open -type = " switchTab " class = "mix-btn" > 我的订单 < / navigator >
< navigator url = "/pages/index/index" open -type = " switchTab " class = "mix-btn hollow" > 返回首页 < / navigator >
< / view >
< / view >
< / template >
< script >
import { myCache } from '../../utils/utils.js' ;
export default {
data ( ) {
return {
}
} ,
methods : {
gotoOrder ( ) {
uni . navigateTo ( {
url : ` /pages/order/orderlist?id=0 `
} ) ;
} ,
}
}
< / script >
< style lang = 'scss' >
. content {
display : flex ;
flex - direction : column ;
justify - content : center ;
align - items : center ;
}
. tipcon {
padding : 40 rpx ;
font - size : 26 rpx ;
font - family : PingFang SC , PingFang SC ;
font - weight : 600 ;
color : # 23262 F ;
line - height : 36 rpx ;
. tip {
color : # 619 af7 ;
margin : auto 5 rpx ;
}
}
. topimg {
width : 160 rpx ;
height : 160 rpx ;
margin - top : 100 rpx ;
margin - bottom : 30 rpx ;
}
. tit {
font - size : 40 upx ;
color : # 333 ;
}
. etipcon {
margin - top : 180 rpx ;
margin - bottom : 60 rpx ;
}
. etit {
font - size : 38 upx ;
color : # 303133 ;
}
. ertit {
font - size : 26 upx ;
color : # 78839 A ;
margin - top : 20 rpx ;
margin - bottom : 30 rpx ;
}
. btn - group {
padding - top : 100 upx ;
}
. mix - btn {
display : block ;
width : 585 rpx ;
height : 80 rpx ;
line - height : 80 rpx ;
background : # E1F2FF ;
box - shadow : 0 rpx 12 rpx 64 rpx 2 rpx rgba ( 186 , 186 , 188 , 0.4 ) ;
border - radius : 254 rpx 254 rpx 254 rpx 254 rpx ;
margin - top : 30 rpx ;
font - size : 28 rpx ;
color : # 78839 A ;
text - align : center ;
box - sizing : border - box ;
border : 1 rpx solid # 619 af7 ;
& . hollow {
background : # E1F2FF ;
color : # 78839 A ;
border : 1 rpx solid # 619 af7 ;
}
}
< / style >
