medical/pages/face/index.vue

<template>
	<view>
		<view class="title">人脸识别成功</view>
		
		<view class="img">
			<!-- <image src=""></image> -->
		</view>
		
		<view class="reload">
			<text>Messis  <u-icon class="ic" name="reload" color="#8C8C8C" size="40rpx"></u-icon></text>
		</view>
		
		<view class="submit">
			<u-button
				shape="circle"
				type="primary"
				text="确定"
				color="#7B5DF0"
				style="width: 550rpx;"
			></u-button>
		</view>
		
		<view class="skip">
			<text @click="skip">跳过</text>
		</view>
		
	</view>

</template>

<script>
	export default {
		data() {
			return {
				
			}
		},
		methods: {
			//跳过
			skip(){
				console.log('跳过')
			},
		}
	}
</script>

<style lang="scss" scoped>
	page{
		/* background-color: #D9D9D9; */
		// background-color: #F5F5F5 !important;
	}
	
	.title{
		margin-top: 126rpx;
		text-align: center;
		color: rgba(0,0,0,0.90);
		font-size: 40rpx;
	}
	
	.img{
		width: 280rpx;
		height: 280rpx;
		border-radius: 100px;
		margin: 0 auto;
		margin-top: 40rpx;
		margin-bottom: 46rpx;
		overflow: hidden;
		
		background-color: #ccc;
		
		image{
			width: 100%;
			height: 100%;
		}
	}
	
	.reload{
		color:#6241D5;
		font-size: 40rpx;
		display: flex;
		justify-content: center;
		
		text{
			display: inline-block;
			position: relative;
			
			.ic{
				position: absolute;
				top: 10rpx;
				right: -60rpx;
			}
		}
	}
	
	.submit{
		margin-top: 580rpx;
	}
	
	.skip{
		text-align: center;
		margin-top: 26rpx;
		font-size: 32rpx;
		color: rgba(0,0,0,0.90);
	}
</style>