|
@@ -1,8 +1,10 @@
|
|
-import { Popup } from 'vant'
|
|
|
|
|
|
+import { Cell, Icon, Popup } from 'vant'
|
|
import { defineComponent, reactive } from 'vue'
|
|
import { defineComponent, reactive } from 'vue'
|
|
import { useRoute, useRouter } from 'vue-router'
|
|
import { useRoute, useRouter } from 'vue-router'
|
|
import NoticeStart from '../model/notice-start'
|
|
import NoticeStart from '../model/notice-start'
|
|
import styles from './index.module.less'
|
|
import styles from './index.module.less'
|
|
|
|
+import iconQuestionNums from '../images/icon-question-nums.png'
|
|
|
|
+import iconCountDown from '../images/icon-count-down.png'
|
|
|
|
|
|
export default defineComponent({
|
|
export default defineComponent({
|
|
name: 'unit-detail',
|
|
name: 'unit-detail',
|
|
@@ -14,7 +16,24 @@ export default defineComponent({
|
|
})
|
|
})
|
|
return () => (
|
|
return () => (
|
|
<div class={styles.unitDetail}>
|
|
<div class={styles.unitDetail}>
|
|
- 详情
|
|
|
|
|
|
+ <Cell center class={styles.unitSection}>
|
|
|
|
+ {{
|
|
|
|
+ title: () => <div class={styles.unitTitle}>长笛level1上册测验一</div>,
|
|
|
|
+ label: () => (
|
|
|
|
+ <div class={styles.unitCount}>
|
|
|
|
+ <div class={styles.qNums}>
|
|
|
|
+ <Icon class={styles.icon} name={iconQuestionNums} />
|
|
|
|
+ 题目数量 <span class={styles.num}>1</span>/4
|
|
|
|
+ </div>
|
|
|
|
+ <div class={styles.qNums}>
|
|
|
|
+ <Icon class={styles.icon} name={iconCountDown} />
|
|
|
|
+ 剩余时长:39:30
|
|
|
|
+ </div>
|
|
|
|
+ </div>
|
|
|
|
+ )
|
|
|
|
+ }}
|
|
|
|
+ </Cell>
|
|
|
|
+
|
|
{/* 测验须知 */}
|
|
{/* 测验须知 */}
|
|
<Popup
|
|
<Popup
|
|
v-model:show={state.visiableNotice}
|
|
v-model:show={state.visiableNotice}
|