更新记录
1.0.0(2023-08-24)
下载此版本
自定义考试进度倒计时 exam-countdown-progress
平台兼容性
App |
快应用 |
微信小程序 |
支付宝小程序 |
百度小程序 |
字节小程序 |
QQ小程序 |
× |
× |
× |
× |
× |
× |
× |
钉钉小程序 |
快手小程序 |
飞书小程序 |
京东小程序 |
鸿蒙元服务 |
× |
× |
× |
× |
× |
H5-Safari |
Android Browser |
微信浏览器(Android) |
QQ浏览器(Android) |
Chrome |
IE |
Edge |
Firefox |
PC-Safari |
× |
× |
× |
× |
× |
× |
× |
× |
× |
自定义考试进度倒计时 exam-countdown-progress
这是 exam-countdown-progress
插件的基础版本,支持 H5
小程序
,如果是在之前的插件上升级的话,请注意参数的变更,触发的事件没有变更。
属性说明
属性名 |
类型 |
默认值 |
说明 |
value |
Boolean |
false |
倒计时是否结束 |
submitTime |
Boolean |
false |
是否交卷 |
timesInfo |
Object |
{exam_time:300,use_time:30} |
考试总时间,以及上次进入所浪费的时间 |
bgColor |
String |
'#fbfbfb' |
背景色 |
proBgColor |
String |
#F2F2F2' |
进度条背景色 |
proColor |
String |
'#5475FF' |
进度条颜色 |
textColor |
String |
'' |
字体颜色 |
isCusIcon |
Boolean |
false |
自定义icon |
使用说明
<!-- 基础版 -->
<exam-countdown-progress v-model="timeIsEnd" :submitTime='isEndTime' :timesInfo='problemInfos'></exam-countdown-progress>
<!-- 自定义背景颜色 -->
<exam-countdown-progress bgColor='#1f0202' v-model="timeIsEnd" :submitTime='isEndTime' :timesInfo='problemInfos'></exam-countdown-progress>
<!-- 自定义进度条背景颜色 -->
<exam-countdown-progress proBgColor='#e4e4e4' v-model="timeIsEnd" :submitTime='isEndTime' :timesInfo='problemInfos'></exam-countdown-progress>
<!-- 自定义进度条颜色 -->
<exam-countdown-progress proColor='#93bbef' v-model="timeIsEnd" :submitTime='isEndTime' :timesInfo='problemInfos'></exam-countdown-progress>
<!-- 自定义字体颜色 -->
<exam-countdown-progress textColor='#93bbef' v-model="timeIsEnd" :submitTime='isEndTime' :timesInfo='problemInfos'></exam-countdown-progress>
<!-- 自定义icon -->
<exam-countdown-progress :is-cus-icon="true" v-model="timeIsEnd" :submitTime='isEndTime' :timesInfo='problemInfos'>
<image :src="require('static/knok.png')" mode="" class="item_icon"></image>
</exam-countdown-progress>
import examCountdownProgress from '@/components/exam-countdown-progress/exam-countdown-progress.vue'
export default {
components: {
examCountdownProgress
},
data() {
return {
isEndTime: false,
timeIsEnd:false
}
}
}