<template>
	<view class="content">
		<doctor-register v-if="userType==='1'"/>
		<patient-register v-if="userType==='2'" />
	</view>
</template>
<script>
	import{
		mapState
	} from 'vuex'	
	import patientRegister from '@/views/patientItems/register/index.vue';
	import doctorRegister from '@/views/doctorItems/register/index';
	
	export default {
		components:{
			patientRegister,
			doctorRegister
		},	
		data() {
			return {
				userType:null
			}
		},
		onLoad({type}) {
			this.userType=type;
		},
		methods: {

		}
	}
</script>

<style lang="scss" scoped>
	.content{
		&{
			padding: 0 24upx;
		}
		.title {
			font-size: 38upx;
			padding: 58upx 0 49upx 0;
			font-weight: 600;
			.tl-1{
				color: #3384ff;
				padding-right: 8upx;
			}
		}
		.list{
			.item{
				height: 160upx;
				margin-top: 24upx;
				display: flex;
				justify-content: flex-start;
				align-items: center;
				position: relative;
				.icon{
					.zhcx-iconfont{
						font-size: 55upx;
					}
					padding-right: 79upx;
				}
				.text{
					font-size: 32upx;
					color: #333;
				}
				.link{
					position: absolute;
					right: 34upx;
				}
			}
		}
	}	
</style>
