前端二次开发说明

组件说明

ApYNfPErwjBFilIdt3cOoqPNDLf7qOw4cA1xlQ==著作权归作者所有,未经许可,禁止转载、复制此文档的任何内容。

前端组件统一放在components文件夹中。

vcSyGAPdXUOutZEofH7IpoWQ9ENC6AUVttVXZQ==著作权归作者所有,未经许可,禁止转载、复制此文档的任何内容。

答题组件

NRTqBGUfrdWSHYEb2w4iGeCgTR4PY3nD/3KIBQ==著作权归作者所有,未经许可,禁止转载、复制此文档的任何内容。

答题组件文件位于components/kz-question/kz-question.vue,组件已完成以下模式:

yaKTQbZomxuOlwUcdw4796Dzdm6ZKd7/S14wAg==著作权归作者所有,未经许可,禁止转载、复制此文档的任何内容。



模式功能区别:

PlNEOrCQapBczAsI+YxHkL+T2fEKCg95AHZcLw==著作权归作者所有,未经许可,禁止转载、复制此文档的任何内容。
模式功能考试模式练习模式看题模式
倒计时、自动交卷☑️××
试题收藏、取消收藏☑️☑️☑️
错题删除××☑️
选题后显示是否正确、显示题目解析×☑️☑️
MbqPajWmgVzTIHnN4shWf3uZ8PstKzC6Zb4Myg==著作权归作者所有,未经许可,禁止转载、复制此文档的任何内容。


stpGJanCEKNuXrWDsHIeFiVrV9lXHlPjI+b69g==著作权归作者所有,未经许可,禁止转载、复制此文档的任何内容。

常用组件参数

组件参数说明
mode模式,可传参数:
EXAM:考试模式
TRAINING:练习模式
VIEW:看题模式
title试卷标题
questions试题集合
limit_time考试时间(倒计时/秒)
configs考试配置(配置判断题/单选题/多选题的每题分数)
canCollect是否显示收藏试题按钮
canDeleteWrong是否显示删除错题按钮
ubNVXyJPOQofUMFacAc6ZAFdjSHepioapQWNMA==著作权归作者所有,未经许可,禁止转载、复制此文档的任何内容。


LWgIpjXuGfcoEQJOuFuP7hp1aa30D8Vp1wgDhQ==著作权归作者所有,未经许可,禁止转载、复制此文档的任何内容。

事件

事件名称说明
submitQuestion自动交卷事件
zPxaTUqEyBJsMNHiVLCzsjZljlZ0zbnvg3gvpw==著作权归作者所有,未经许可,禁止转载、复制此文档的任何内容。


EFfLPaOsHTDtXAop28j3kmbmn6OKHUrMJnmcVg==著作权归作者所有,未经许可,禁止转载、复制此文档的任何内容。

使用示例

考试模式:

wLtOMBFcpRsbuakDt6Rz9mRihY9u+z9ilHcc+w==著作权归作者所有,未经许可,禁止转载、复制此文档的任何内容。
<!-- 答题组件 -->
<kz-question v-show="result == null" mode="EXAM" :title="paper_name" :questions="questions" :configs="configs" :limit_time="limit_time" @submitQuestion="submitQuestion"></kz-question>
AaOGmMeIgrbZnDqywNEAxIwfS2jCZylTy+ZcvA==著作权归作者所有,未经许可,禁止转载、复制此文档的任何内容。


uTeabjJRvkrMsSQd//qjvCOu0K7flIh3+oVmRg==著作权归作者所有,未经许可,禁止转载、复制此文档的任何内容。

看题模式:

JXijdSLHUDTcMFrzIJnox/y6UsTo9xCvDkBa1w==著作权归作者所有,未经许可,禁止转载、复制此文档的任何内容。
<!-- 答题组件 -->
<kz-question mode="VIEW" title="我的错题" :questions="list" v-show="!showNodata" :canDeleteWrong="true" v-on:refresh="refresh"></kz-question>
文档最后更新时间:2023-07-28 17:49:34
著作权归应用插件开发者所有,未经许可,禁止转载、复制此文档的任何内容。

文档
目录

深色
模式

切换
宽度