灵活可配置的组件和功能

基本功能:

答题倒计时

答题卡功能

错误检查

答案解析

自动手动模式切换

提交打分


自定义组件:

      <!-- 倒计时解析器 nowTime:倒计时秒数,showOnlyTime:是否显示倒计时模块-->
        <only-time v-bind:nowtime="nowTime" v-bind:showonlytime="showOnlyTime">
        </only-time>

        <!-- 题干解析器 showtool:是否显示下/上一题按钮,-->
        <my-swiper v-bind:paperlist="paperList" v-bind:answer="answer" v-bind:postanswer="postanswer" v-bind:showtool="showtool" v-bind:showpostbtn="showPostBtn" v-bind:over="over" v-on:postdata="postData" v-bind:showcj="showCj" targeturl="luck.html" v-if="pageInit" v-on:prev="goPrev" v-on:next="goNext" v-swiper="">
        </my-swiper>

        <!-- 答题版解析器 toslide:gotoSlide跳到目标题号-->
        <my-answer v-bind:paperlist="paperList" v-bind:postanswer="postanswer" v-bind:showanswer="showanswer" v-bind:showbtn="showbtn" v-bind:over="over" v-on:toslide="gotoSlide">
        </my-answer>

        <!-- 我的分数 -->
        <my-score v-bind:score="score" targeturl="luck.html" v-bind:showscore="showScore" v-on:hidescore="hideScore">
        </my-score>

数据对象:

data: {
        getUrl:'',
        postUrl:'',
        paperList:{},//题干
        paperLen:0,//题目总数
        answer:{},//答案模型
        postanswer:{},//待提交的数据
        pageInit:false,//初始化是否完成
        time:Object.freeze(15),//答题间隔时间,一经定义中途无法更改
        nowTime:0,//倒计时秒数递减
        showOnlyTime:false,//显示倒计时
        showanswer:false,//显示答题板
        over:false,//答题结束
        showtool:false,//是否显示上下切换按钮
        showPostBtn:true,//是否显示提交按钮
        posted:false,//是否已提交
        score:0,//分数
        showScore:false,//是否显示分数
        showCj:false,//是否显示去抽奖按钮
    }

评论  表情