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.

81 lines
1.5 KiB

<template>
<view class="content">
<view class="tipcon">
<uni-icons type="close" color="#fa436a" size="80"></uni-icons>
</view>
<text class="tit">支付失败</text>
<text class="rtit">请返回重试</text>
<view class="btn-group">
<button type="primary" class="mix-btn hollow" @click="closeDo"></button>
<navigator url="/pages/index/index" open-type="switchTab" class="mix-btn hollow">返回首页</navigator>
</view>
</view>
</template>
<script>
export default {
data() {
return {
}
},
methods: {
closeDo(){
// 关闭当前页面 (返回上一个页面)
uni.navigateBack({
delta: 1
});
}
}
}
</script>
<style lang='scss'>
.content{
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
}
.tipcon{
margin-top: 180rpx;
margin-bottom: 60rpx;
}
.tit{
font-size: 38upx;
color: #303133;
}
.rtit{
font-size: 26upx;
color: #78839A;
margin-top: 20rpx;
margin-bottom: 30rpx;
}
.btn-group{
padding-top: 60upx;
}
.mix-btn {
display: block;
width: 585rpx;
height: 80rpx;
line-height: 80rpx;
background: #E1F2FF;
box-shadow: 0rpx 12rpx 64rpx 2rpx rgba(186,186,188,0.4);
border-radius: 254rpx 254rpx 254rpx 254rpx;
margin-top: 30rpx;
font-size: 28rpx;
color:#78839A;
text-align: center;
box-sizing:border-box;
border: 1rpx solid #89965f;
&.hollow{
background: #E1F2FF;
color: #78839A;
border: 1rpx solid #89965f;
}
}
</style>