Files
frontend-app/pages/merchant_settlement_ok/merchant_settlement_ok.vue
T
2025-05-30 18:44:14 +08:00

101 lines
2.1 KiB
Vue

<template>
<view class="authentication_ok_warp">
<Header leftTitle="商家入驻" left-path-type="switchTab" left-path="/pages/mine/mine"/>
<view class="authentication_ok_content">
<view class="authentication_result">
<up-image src="/static/mine/auth_ok.png" mode="widthFix" shape="circle" width="140" height="140" bgColor="#f1f6ff00" :fade="true" duration="450"></up-image>
<view class="result_value">提交成功</view>
</view>
<view class="reauthentication_warp">
<view class="reauthentication_but_warp" @click="reauthenticationFun">
返回
</view>
</view>
</view>
<up-toast ref="uToastRef"></up-toast>
</view>
</template>
<script>
import Header from '@/components/header.vue';
export default {
computed: {
},
components:{Header},
data() {
return {
}
},
mounted() {
},
methods: {
/**
* 重新认证
*/
reauthenticationFun(){
uni.switchTab({
url:'/pages/mine/mine',
})
}
}
}
</script>
<style lang="scss" scoped>
.authentication_ok_warp{
height: 100vh;
background-color: #FFFFFF;
.authentication_ok_content{
padding: 60rpx;
}
.authentication_result{
display: grid;
justify-content: center;
align-items: center;
text-align: center;
margin-top: 100rpx;
.result_title{
font-weight: bold;
font-size: 40rpx;
color: #333333;
}
.result_value{
font-weight: bold;
font-size: 30rpx;
color: #666666;
line-height: 80rpx;
}
}
.reauthentication_warp{
display: grid;
justify-content: center;
.reauthentication_but_warp{
margin-top: 100rpx;
border: 1rpx solid $app-zt-color;
color: $app-zt-color;
padding: 8rpx 10rpx;
width: 200rpx;
border-radius: 10rpx;
text-align: center;
}
}
.authentication_info{
background: #F8F8F8;
border-radius: 10rpx;
padding: 30rpx;
margin-top: 30rpx;
}
.info_item{
font-weight: 500;
font-size: 28rpx;
color: #666666;
line-height: 66rpx;
}
.info_item_value{
font-weight: bold;
font-size: 28rpx;
color: #333333;
}
}
</style>