77 lines
1.6 KiB
Vue
77 lines
1.6 KiB
Vue
<template>
|
||
<view class="authentication_ok_warp">
|
||
<view class="authentication_result">
|
||
<view class="result_title">您的实名认证</view>
|
||
<view class="result_value">已通过!</view>
|
||
</view>
|
||
<view class="authentication_info">
|
||
<view class="info_item">
|
||
<text class="info_item_title">证件姓名：</text>
|
||
<text class="info_item_value">张某</text>
|
||
</view>
|
||
<view class="info_item">
|
||
<text class="info_item_title">证件性别：</text>
|
||
<text class="info_item_value">男</text>
|
||
</view>
|
||
<view class="info_item">
|
||
<text class="info_item_title">证件号码：</text>
|
||
<text class="info_item_value">448468454848458</text>
|
||
</view>
|
||
</view>
|
||
<up-toast ref="uToastRef"></up-toast>
|
||
</view>
|
||
</template>
|
||
|
||
<script>
|
||
export default {
|
||
data() {
|
||
return {
|
||
}
|
||
},
|
||
methods: {
|
||
|
||
}
|
||
}
|
||
</script>
|
||
|
||
<style lang="scss" scoped>
|
||
.authentication_ok_warp{
|
||
height: 100vh;
|
||
background-color: #FFFFFF;
|
||
padding: 60rpx;
|
||
.authentication_result{
|
||
display: grid;
|
||
justify-content: center;
|
||
align-items: center;
|
||
text-align: center;
|
||
.result_title{
|
||
font-weight: bold;
|
||
font-size: 40rpx;
|
||
color: #333333;
|
||
}
|
||
.result_value{
|
||
font-weight: bold;
|
||
font-size: 30rpx;
|
||
color: #666666;
|
||
line-height: 80rpx;
|
||
}
|
||
}
|
||
.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> |