100 lines
2.4 KiB
Vue
100 lines
2.4 KiB
Vue
|
<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>
|