<template>
	<view class="content">
		<view class="head">
			<image class="img" src="/static/images/liangbiao-bg.png" mode="widthFix"></image>
		</view>
		<view class="center">
			<view class="center-title">量表1</view>
			<view class="center-text">
				{{content}}
			</view>
			<view class="attention">
				<u-icon name="error-circle-fill" color="#FFA521" size="16"></u-icon>
				<text>注意事项：</text>
			</view>
			<view class="center-text">
				{{content1}}
			</view>
		</view>
		<view class="bottom">
			<view class="btn" @click="toFillInfo">填写信息</view>
		</view>
	</view>
</template>

<script>
	export default{
		data(){
			return{
				content:'自闭症儿童行为量表（量表1）是目前国内应用最广泛的自闭症评估量表之一。量表1（Autism Behavior Checklist）由Krug于1978年编制，1989年北京医科大学杨晓玲教授将其引进并进行了修订，主要用于自闭症儿童的筛查。',
				content1:'本表由57个描述自闭症儿童的感觉，行为、情绪、语言等方面异常变现的项目，可归纳为5个领域：感觉能力、交往能力、运动能力、躯体和物体使用、社会生活自理。该表用于2-14岁儿童，由家长或老师评分。'
			}
		},
		methods:{
			toFillInfo(){
				uni.navigateTo({
					url:'/homePackage/pages/infoFill'
				})
			}
		}
	}
</script>

<style lang="less">
	.content{
		.head{
			width:100%;
			.img{
				width:100%;
			}
		}
		.center{
			margin:0rpx 30rpx;
			line-height: 20px;
			border-radius: 10px;
			background-color: rgba(255, 255, 255, 1);
			text-align: center;
			box-shadow: 0px 2px 6px 0px rgba(228, 228, 228, 100);
			padding:22rpx 60rpx;
			.center-title{
				color: rgba(16, 16, 16, 1);
				font-size: 20px;
				font-weight: bold;
				margin-bottom: 24rpx;
			}
			.center-text{
				color: rgba(82, 81, 81, 1);
				font-size: 14px;
				text-align: left;
			}
			.attention{
				display: flex;
				align-items: center;
				font-size: 28rpx;
				color: rgba(82, 81, 81, 1);
				margin-top:20rpx;
				margin-bottom: 10rpx;
				text{
					margin-left: 10rpx;
				}
			}
		}
		.bottom{
			position: fixed;
			bottom:80rpx;
			left:calc(50% - 160px);
			.btn{
				width: 332px;
				height: 50px;
				border-radius: 30px;
				background-color: rgba(40, 123, 206, 1);
				color: rgba(255, 255, 255, 1);
				font-size: 14px;
				text-align: center;
				line-height: 100rpx;
				
			}
		}
	}
</style>
