vue健康问卷调查特效代码

vue健康问卷调查特效代码

vue实现移动端问卷调查,健康自测等等特效。

使用方法
在页面引入相关css样式

1
2
3
4
<link rel="stylesheet" href="css/common.css">
<link rel="stylesheet" href="css/reset.css">
<link rel="stylesheet" href="css/style.css">
<link rel="stylesheet" href="css/theme-custom.css">

测试题目、选项按照以下格式

1
2
3
4
5
6
7
8
9
10
11
12
data: [{
    subject: {
        title: '主食摄入',
        describe: '您平均每天主食的摄入量是?(单选)',
        option: ['小于1碗', '1-2碗', '3-4碗', '5-6碗', '大于6碗', ], //选项
    },
    checkbox: [],
    multiSelect: 0, //2为多选、0为单选、1为组合单选
    isSelect: false, //判断是否选中其中一个
    isFirst: true, //判断是否点击多选第一个按钮
    isAddData: false, //判断是否已加载新数据
}, ]

this.sex = '男';//请求返回的数据判断男性还是女性

1
2
3
4
5
6
7
save() { //保存数据
    if (this.data[this.dataIndex].isSelect) {
        console.log(this.data); //this.data---需要保存到数据库的数据
    } else {
        alert(this.data[this.dataIndex].subject.describe + '必选');
    }
},

文件信息:

    1

    发表评论