Files
frontend-app/pages/other_package/merchant_settlement_ok/merchant_settlement_ok.vue
T
2026-01-31 12:03:26 +08:00

111 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="https://static.tbmall.xin/static/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>