<template>
	<view class="renzheng">
		<view class="titlle">小贴士：</view>
		<view class="tips">平台提倡真实交友，完成认证用户才能享受到平台各项权益</view>
		<view class="item" @click="openPage(1)">手机认证<view class="btn">已认证</view></view>
		<view class="item" @click="openPage(2)">实名认证<view class="btn">已认证</view></view>
		<view class="item" @click="openPage(3)">真人认证<view class="btn btn-on">认证失败</view></view>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				
			};
		},
		methods: {
			openPage(index){
				if(index == 1){
					uni.navigateTo({
						url: "/pages/users/renzheng/phone"
					})
				}else if(index == 2){
					uni.navigateTo({
						url: "/pages/users/renzheng/shiming"
					})
				}else if(index == 3){
					
				}
			}
		}
	}
</script>

<style scoped lang="scss">
.renzheng{
	padding: 25rpx;
	overflow: hidden;
	.title{
		color: #222222;
		font-weight: 500;
		font-size: 30rpx;
	}
	.tips{
		font-weight: 500;
		font-size: 24rpx;
		color: #999999;
		margin-top: 20rpx;
	}
	.item{
		height: 120rpx;
		background: #FFFFFF;
		border-radius: 20rpx;
		box-sizing: border-box;
		padding: 0 30rpx;
		display: flex;
		align-items: center;
		justify-content: space-between;
		font-weight: 500;
		font-size: 30rpx;
		color: #222222;
		margin-top: 20rpx;
		.btn{
			width: 150rpx;
			line-height: 60rpx;
			background: #EDEDED;
			border-radius: 60rpx;
			text-align: center;
			font-weight: 500;
			font-size: 28rpx;
			color: #222222;
			&-on{
				background: #FAEFEF;color: #E70C0C;
			}
		}
	}
}
</style>
