<template>
	<view class="content">
		<view class="c-certificates-list">
			<view class="list-header">
				<zzx-icon name="idcard"></zzx-icon>
				<view class="text">身份信息</view>
			</view>
			<view class="list-tips">平台验证通过，实名信息与本人一致</view>
			<view class="item-list">
				<view class="item-text">无犯罪记录</view>
				<view class="item-img">
					<image src="https://img.keaitupian.cn/newupload/08/1629449018344288.jpg" mode="widthFix"></image>
				</view>
			</view>
			<view class="item-list">
				<view class="item-text">健康证</view>
				<view class="item-img">
					<image src="https://img.keaitupian.cn/newupload/08/1629449018344288.jpg" mode="widthFix"></image>
				</view>
			</view>
		</view>
		<view class="c-certificates-list">
			<view class="list-header">
				<zzx-icon name="idcard"></zzx-icon>
				<view class="text">荣誉认证</view>
			</view>
			<view class="item-list">
				<view class="item-text">篮球裁判三级</view>
				<view class="item-img">
					<image src="https://img.keaitupian.cn/newupload/08/1629449018344288.jpg" mode="widthFix"></image>
				</view>
			</view>
			<view class="item-list">
				<view class="item-text">优秀教师</view>
				<view class="item-img">
					<image src="https://img.keaitupian.cn/newupload/08/1629449018344288.jpg" mode="widthFix"></image>
				</view>
			</view>
		</view>
	</view>
</template>

<script>
</script>
<style>
	page{
		background: #fff;
	}
</style>
<style lang="less" scoped>
	.c-certificates-list{
		margin-top: 20rpx;
		.list-header{
			display: flex;
			align-items: center;
			gap: 22rpx;
			font-weight: bold;
			font-size: 32rpx;
			color: #222222;
			.text{
				margin-bottom: 8rpx;
			}
		}
		.list-tips{
			margin-top: 20rpx;
			font-size: 24rpx;
			color: #AAAAAA;
		}
		.item-list{
			margin-top: 28rpx;
			.item-text{
				font-size: 24rpx;
				color: #AAAAAA;
			}
			.item-img{
				margin-top: 20rpx;
				&>image{
					width: 302rpx;
					border-radius: 16rpx;
				}
			}
		}
	}
</style>