<template>
	<view class="lnterpolation">
		<view class="head">
			<view class="box-item item">请确认你的身份信息</view>
			<view class="title">初步诊断</view>
			<textarea v-model="value" class="textarea" placeholder="请输入"/>
			<view class="title" style="margin-top: 60rpx;">既往史</view>
			<textarea v-model="value1"  class="textarea" placeholder="请输入"/>
		</view>
	</view>
</template>

<script>
	export default {
		data(){
			return {
				value:'患者身上多处创伤，伴少量出血，有头晕症状， 无恶心呕吐，目前生命体征平稳',
				value1:'以往有高血压症状'
			}
		}
	}
</script>

<style scoped lang="scss">
	.lnterpolation{
		// padding: 20px;
		width: 100vw;
		height: 100vh;
		background-color: #eee;
		.head{
			margin: 40rpx;
			// height: 300rpx;
			background: #FFFFFF;
			box-shadow: 6rpx 0rpx 34rpx 0rpx #000000;
			border-radius: 12rpx 12rpx 12rpx 12rpx;
			padding: 40rpx;
			.title{
				font-family: PingFang-SC, PingFang-SC;
				font-weight: bold;
				font-size: 30rpx;
				color: #333333;
				margin: 30rpx 0;
				font-style: normal;
				text-transform: none;
			}
			.textarea{
				background: #F3F3F3;
				width:570rpx;
				height: 150rpx;
				padding: 20rpx;
				font-family: PingFang-SC, PingFang-SC;
				font-weight: 400;
				font-size: 28rpx;
				color: #333333;
				line-height: 0rpx;
				text-align: left;
				font-style: normal;
				text-transform: none;
			}
			.item{
				font-family: SourceHanSansCN, SourceHanSansCN;
				font-weight: 400;
				font-size: 30rpx;
				color: #999999;
				line-height: 32rpx;
				text-align: left;
				font-style: normal;
				text-transform: none;
				position: relative;
				&::before{
					content: '';
					position: absolute;
					top: 3rpx;
					left: -20rpx;
					width: 7rpx;
					height: 30rpx;
				
					background: #5581FF;
					border-radius: 4rpx 4rpx 4rpx 4rpx;

				}
			}
		}
	}
</style>