41 lines
1.0 KiB
Vue
41 lines
1.0 KiB
Vue
<template>
|
||
<a-modal title="课中检查" :visible="visible" :confirm-loading="confirmLoading" :footer="null" :closable="false">
|
||
<DbQuestionItem></DbQuestionItem>
|
||
<div class="text-center margin-top">
|
||
<a-button type="primary" @click="handlerSubmit">提交</a-button>
|
||
</div>
|
||
<p class="tip-info margin-top">
|
||
注意：每段课程学习完成后都会随机出现1道小题，答对题目，方可继续下一部分学习，您有2次机会。否则之前上一小段学习时间不计算学时，需要重新学习
|
||
</p>
|
||
</a-modal>
|
||
</template>
|
||
|
||
<script>
|
||
import DbQuestionItem from '@/components/DbQuestionItem/index.vue'
|
||
export default {
|
||
components: { DbQuestionItem },
|
||
data () {
|
||
return {
|
||
visible: false,
|
||
confirmLoading: false
|
||
}
|
||
},
|
||
methods: {
|
||
show(){
|
||
this.visible = true
|
||
},
|
||
handlerSubmit () {
|
||
// 处理考试提交逻辑
|
||
this.visible = false
|
||
}
|
||
}
|
||
}
|
||
</script>
|
||
|
||
<style lang="less" scoped>
|
||
.tip-info {
|
||
margin-top: 10px;
|
||
color: #f5222d;
|
||
}
|
||
</style>
|