<template>
	<view class="doctor-info-page btPadding">
		<view class="basic-wrapper">
			<input-box label="个人照片">
				<view v-slot class="upload">
					<view class="picture"></view>
					<view class="ft22 button">点击上传照片</view>
				</view>
			</input-box>
			<input-box label="医生姓名" type="normal" holder="请填写本人姓名"></input-box>
			<input-box label="手机号" type="normal" holder="请填写手机号"></input-box>
			<input-box label="验证码" type="vertify" holder="填写验证码"></input-box>
		</view>
		<view class="introduce-wrapper">
			<textarea-box></textarea-box>
		</view>
	</view>
</template>

<script>
	import InputBox from '@/components/doctorInfoInput.vue';
	import TextareaBox from '@/components/doctorInfoTextarea.vue'
	
	export default {
		data() {
			return {
				
			}
		},
		components:{
			InputBox,
			TextareaBox
		},
		methods: {
			
		}
	}
</script>

<style>
.doctor-info-page {
	padding: 20rpx 17rpx;
	.basic-wrapper {
		padding: 0 12px;
		background-color: rgba(255, 255, 255, 1);
		box-shadow: 0rpx 2rpx 24rpx 0rpx rgba(0, 0, 0, 0.03);
		border-radius: 0rpx 0rpx 8rpx 8rpx;
		.upload {
			display: flex;
			flex-direction: column;
			justify-content: center;
			align-items: center;
			.picture {
				width: 160rpx;
				height: 160rpx;
				background: #F8F8F8;
				border-radius: 12rpx;
			}
			.button {
				color: #FFFFFF;
				
				width: 160rpx;
				height: 44rpx;
				text-align: center;
				line-height: 44rpx;
				background: rgba(0,0,0,0.28);
				border-radius: 12rpx;
			}
		}
	}
	.introduce-wrapper {
		margin: 20px auto 0;
		padding: 0 36px;
		background-color: rgba(255, 255, 255, 1);
		box-shadow: 0rpx 2rpx 24rpx 0rpx rgba(0, 0, 0, 0.03);
		border-radius: 0rpx 0rpx 8rpx 8rpx;
	}
}
</style>
