|
|
@@ -85,47 +85,31 @@
|
|
|
}}题）
|
|
|
</span>
|
|
|
<div class="absolute right-2 ml-auto flex">
|
|
|
- <q-input
|
|
|
- class="w-[140px]"
|
|
|
- v-model="state.query.p1"
|
|
|
- borderless
|
|
|
- placeholder="搜索题目..."
|
|
|
- :dense="true"
|
|
|
- :input-style="{ color: '#ffffff' }"
|
|
|
- >
|
|
|
- <template v-slot:prepend>
|
|
|
- <q-icon name="search" color="white" />
|
|
|
- </template>
|
|
|
- <template v-slot:append>
|
|
|
- <q-icon
|
|
|
- v-if="state.query.p1"
|
|
|
- name="clear"
|
|
|
- class="cursor-pointer"
|
|
|
- @click="state.query.p1 = ''"
|
|
|
- color="white"
|
|
|
- />
|
|
|
- </template>
|
|
|
- </q-input>
|
|
|
<q-select
|
|
|
class="select ml-4 w-[120px]"
|
|
|
rounded
|
|
|
standout="focus"
|
|
|
v-model="state.query.p2"
|
|
|
- :options="[
|
|
|
- { label: '全部题型', value: '全部题型' },
|
|
|
- { label: '选择题', value: '选择题' },
|
|
|
- { label: '填空题', value: '填空题' },
|
|
|
- ]"
|
|
|
+ :options="['全部题', '错题', '正确提']"
|
|
|
:dense="true"
|
|
|
>
|
|
|
</q-select>
|
|
|
- <q-toggle
|
|
|
- class="ml-4 text-sm font-normal"
|
|
|
- v-model="state.query.p3"
|
|
|
- label="只看错题"
|
|
|
+ <q-select
|
|
|
+ class="select ml-4 w-[120px]"
|
|
|
+ rounded
|
|
|
+ standout="focus"
|
|
|
+ v-model="state.query.p1"
|
|
|
+ :options="['近三个月', '本学期', '上学期', '本年度', '全部']"
|
|
|
:dense="true"
|
|
|
- color="var(--czr-main-color)"
|
|
|
- />
|
|
|
+ >
|
|
|
+ </q-select>
|
|
|
+ <!-- <q-toggle-->
|
|
|
+ <!-- class="ml-4 text-sm font-normal"-->
|
|
|
+ <!-- v-model="state.query.p3"-->
|
|
|
+ <!-- label="只看错题"-->
|
|
|
+ <!-- :dense="true"-->
|
|
|
+ <!-- color="var(--czr-main-color)"-->
|
|
|
+ <!-- />-->
|
|
|
</div>
|
|
|
</div>
|
|
|
</div>
|
|
|
@@ -141,18 +125,19 @@
|
|
|
题目 1 - 下列汉字中属于独体字的是哪一项？
|
|
|
</div>
|
|
|
<div class="flex space-x-1">
|
|
|
- <div
|
|
|
- class="text-gray-dark hover:text-warning-color transition-colors"
|
|
|
- title="收藏题目"
|
|
|
- >
|
|
|
- <i class="fas fa-star"></i>
|
|
|
- </div>
|
|
|
- <div
|
|
|
- class="text-gray-dark hover:text-danger-color transition-colors"
|
|
|
- title="错题标记"
|
|
|
- >
|
|
|
- <i class="fas fa-exclamation-circle"></i>
|
|
|
- </div>
|
|
|
+ <!-- <div-->
|
|
|
+ <!-- class="text-gray-dark hover:text-warning-color transition-colors"-->
|
|
|
+ <!-- title="收藏题目"-->
|
|
|
+ <!-- >-->
|
|
|
+ <!-- <i class="fas fa-star"></i>-->
|
|
|
+ <!-- </div>-->
|
|
|
+ <q-btn
|
|
|
+ round
|
|
|
+ size="xs"
|
|
|
+ icon="book"
|
|
|
+ color="red"
|
|
|
+ @click="state.showHistory = true"
|
|
|
+ />
|
|
|
</div>
|
|
|
</div>
|
|
|
|
|
|
@@ -221,18 +206,18 @@
|
|
|
题目 2 - 下列哪组汉字都是左右结构？
|
|
|
</div>
|
|
|
<div class="flex space-x-1">
|
|
|
- <div
|
|
|
- class="text-warning-color hover:text-gray-dark transition-colors"
|
|
|
- title="已收藏"
|
|
|
- >
|
|
|
- <i class="fas fa-star"></i>
|
|
|
- </div>
|
|
|
- <div
|
|
|
- class="text-gray-dark hover:text-danger-color transition-colors"
|
|
|
- title="错题标记"
|
|
|
- >
|
|
|
- <i class="fas fa-exclamation-circle"></i>
|
|
|
- </div>
|
|
|
+ <!-- <div-->
|
|
|
+ <!-- class="text-warning-color hover:text-gray-dark transition-colors"-->
|
|
|
+ <!-- title="已收藏"-->
|
|
|
+ <!-- >-->
|
|
|
+ <!-- <i class="fas fa-star"></i>-->
|
|
|
+ <!-- </div>-->
|
|
|
+ <q-btn
|
|
|
+ round
|
|
|
+ size="xs"
|
|
|
+ icon="book"
|
|
|
+ @click="state.showHistory = true"
|
|
|
+ />
|
|
|
</div>
|
|
|
</div>
|
|
|
|
|
|
@@ -290,18 +275,18 @@
|
|
|
题目 3 - 找出下列选项中书写有误的汉字并改正
|
|
|
</div>
|
|
|
<div class="flex space-x-1">
|
|
|
- <div
|
|
|
- class="text-gray-dark hover:text-warning-color transition-colors"
|
|
|
- title="收藏题目"
|
|
|
- >
|
|
|
- <i class="fas fa-star"></i>
|
|
|
- </div>
|
|
|
- <div
|
|
|
- class="text-danger-color hover:text-gray-dark transition-colors"
|
|
|
- title="已标记为错题"
|
|
|
- >
|
|
|
- <i class="fas fa-exclamation-circle"></i>
|
|
|
- </div>
|
|
|
+ <!-- <div-->
|
|
|
+ <!-- class="text-gray-dark hover:text-warning-color transition-colors"-->
|
|
|
+ <!-- title="收藏题目"-->
|
|
|
+ <!-- >-->
|
|
|
+ <!-- <i class="fas fa-star"></i>-->
|
|
|
+ <!-- </div>-->
|
|
|
+ <q-btn
|
|
|
+ round
|
|
|
+ size="xs"
|
|
|
+ icon="book"
|
|
|
+ @click="state.showHistory = true"
|
|
|
+ />
|
|
|
</div>
|
|
|
</div>
|
|
|
|
|
|
@@ -381,18 +366,18 @@
|
|
|
题目 4 - 下列哪个汉字是上下结构？
|
|
|
</div>
|
|
|
<div class="flex space-x-1">
|
|
|
- <div
|
|
|
- class="text-gray-dark hover:text-warning-color transition-colors"
|
|
|
- title="收藏题目"
|
|
|
- >
|
|
|
- <i class="fas fa-star"></i>
|
|
|
- </div>
|
|
|
- <div
|
|
|
- class="text-gray-dark hover:text-danger-color transition-colors"
|
|
|
- title="错题标记"
|
|
|
- >
|
|
|
- <i class="fas fa-exclamation-circle"></i>
|
|
|
- </div>
|
|
|
+ <!-- <div-->
|
|
|
+ <!-- class="text-gray-dark hover:text-warning-color transition-colors"-->
|
|
|
+ <!-- title="收藏题目"-->
|
|
|
+ <!-- >-->
|
|
|
+ <!-- <i class="fas fa-star"></i>-->
|
|
|
+ <!-- </div>-->
|
|
|
+ <q-btn
|
|
|
+ round
|
|
|
+ size="xs"
|
|
|
+ icon="book"
|
|
|
+ @click="state.showHistory = true"
|
|
|
+ />
|
|
|
</div>
|
|
|
</div>
|
|
|
|
|
|
@@ -492,10 +477,50 @@
|
|
|
src="http://cyberplayer.bcelive.com/videoworks/mda-kbuhu4wqdi08dwix/cyberplayer/mp4/cyberplayer-demo.mp4"
|
|
|
/>
|
|
|
</q-card-section>
|
|
|
+ </q-card>
|
|
|
+ </q-dialog>
|
|
|
+ <q-dialog v-model="state.showHistory">
|
|
|
+ <q-card style="max-width: 60%">
|
|
|
+ <q-card-section>
|
|
|
+ <div class="text-h6">
|
|
|
+ 历史做题记录（下列汉字中属于独体字的是哪一项？）
|
|
|
+ </div>
|
|
|
+ </q-card-section>
|
|
|
|
|
|
- <q-card-actions align="right" class="text-teal bg-white">
|
|
|
- <q-btn flat label="关闭" v-close-popup />
|
|
|
- </q-card-actions>
|
|
|
+ <q-card-section>
|
|
|
+ <div class="px-4">
|
|
|
+ <q-timeline>
|
|
|
+ <q-timeline-entry heading>
|
|
|
+ <div class="text-xl">2023-02-11</div>
|
|
|
+ </q-timeline-entry>
|
|
|
+ <q-timeline-entry
|
|
|
+ subtitle="11:22:33"
|
|
|
+ icon="fa-solid fa-xmark "
|
|
|
+ color="red"
|
|
|
+ />
|
|
|
+ <q-timeline-entry
|
|
|
+ subtitle="14:22:33"
|
|
|
+ icon="fa-solid fa-check "
|
|
|
+ color="green"
|
|
|
+ />
|
|
|
+ </q-timeline>
|
|
|
+ <q-timeline>
|
|
|
+ <q-timeline-entry heading>
|
|
|
+ <div class="text-xl">2023-01-24</div>
|
|
|
+ </q-timeline-entry>
|
|
|
+ <q-timeline-entry
|
|
|
+ subtitle="08:22:33"
|
|
|
+ icon="fa-solid fa-check "
|
|
|
+ color="green"
|
|
|
+ />
|
|
|
+ <q-timeline-entry
|
|
|
+ subtitle="14:22:33"
|
|
|
+ icon="fa-solid fa-check "
|
|
|
+ color="green"
|
|
|
+ />
|
|
|
+ </q-timeline>
|
|
|
+ </div>
|
|
|
+ </q-card-section>
|
|
|
</q-card>
|
|
|
</q-dialog>
|
|
|
</StudyLayout>
|
|
|
@@ -510,11 +535,12 @@ const state: any = reactive({
|
|
|
selected: null,
|
|
|
treeText: '',
|
|
|
query: {
|
|
|
- p1: '',
|
|
|
- p2: '全部题型',
|
|
|
+ p1: '近三个月',
|
|
|
+ p2: '全部题',
|
|
|
p3: true,
|
|
|
},
|
|
|
showVideo: false,
|
|
|
+ showHistory: false,
|
|
|
})
|
|
|
const ref_tree = ref()
|
|
|
const treeData = [
|
CzRger