Skip to content

S
smart-grader-h5
Commit 0f3a7b8b authored by guo's avatar guo
Browse files
Options

错题集

parent 48b4b6ce
Hide whitespace changes
Inline Side-by-side
Showing with 188 additions and 12 deletions
src/router/index.js
View file @ 0f3a7b8b
......@@ -44,6 +44,14 @@ const router = createRouter({
},
component: () => import('../views/parents/tutorship/index.vue'),
},
{
path: '/parents/errorLists',
name: 'errorLists',
meta: {
title: '错题集',
},
component: () => import('../views/parents/errorLists/index.vue'),
},
],
})
......
src/views/parents/errorLists/index.vue 0 → 100644
View file @ 0f3a7b8b
<template>
<div class="main">
<van-tabs v-model:active="active">
<van-tab :title="item.name" v-for="(item, index) in lists" :key="'p_' + index">
<div style="height: 20px;"></div>
<div class="content">
<div class="items">
<div class="item">
<div class="t1">（选择题）问题问题问题问题问题问题问题问题问题问题问题问题（ ）
</div>
<div class="t2">
<div class="t3">2025.25.25</div>
<div class="t4">
错误 <span style="color: red;">1</span> 次
</div>
</div>
</div>
<div class="item">
<div class="t1">（选择题）问题问题问题问题问题问题问题问题问题问题问题问题（ ）
</div>
<div class="t2">
<div class="t3">2025.25.25</div>
<div class="t4">
错误 <span style="color: red;">2</span> 次
</div>
</div>
</div>
<div class="item">
<div class="t1">（选择题）问题问题问题问题问题问题问题问题问题问题问题问题（ ）
</div>
<div class="t2">
<div class="t3">2025.25.25</div>
<div class="t4">
错误 <span style="color: red;">3</span> 次
</div>
</div>
</div>
<div class="item">
<div class="t1">（选择题）问题问题问题问题问题问题问题问题问题问题问题问题（ ）
</div>
<div class="t2">
<div class="t3">2025.25.25</div>
<div class="t4">
错误 <span style="color: red;">3</span> 次
</div>
</div>
</div>
<div class="item">
<div class="t1">（选择题）问题问题问题问题问题问题问题问题问题问题问题问题（ ）
</div>
<div class="t2">
<div class="t3">2025.25.25</div>
<div class="t4">
错误 <span style="color: red;">3</span> 次
</div>
</div>
</div>
<div class="item">
<div class="t1">（选择题）问题问题问题问题问题问题问题问题问题问题问题问题（ ）
</div>
<div class="t2">
<div class="t3">2025.25.25</div>
<div class="t4">
错误 <span style="color: red;">3</span> 次
</div>
</div>
</div>
<div class="item">
<div class="t1">（选择题）问题问题问题问题问题问题问题问题问题问题问题问题（ ）
</div>
<div class="t2">
<div class="t3">2025.25.25</div>
<div class="t4">
错误 <span style="color: red;">3</span> 次
</div>
</div>
</div>
</div>
</div>
</van-tab>
</van-tabs>
<div class="btns">
<div class="btn btn1">打印错题</div>
<div class="btn btn2">开始做题</div>
</div>
</div>
</template>
<script setup lang="ts">
import { ref } from 'vue'
const active = ref(0)
const lists = [
{
name: '数学'
},
{
name: '语文'
},
{
name: '英语'
},
{
name: '科学'
},
]
</script>
<style lang="scss" scoped>
.main{
padding: 20px 10px;
.content{
background: #fff;
border-radius: 10px;
height: calc(100vh - 250px);
box-shadow: 1px 1px 5px #ccc;
overflow-y: auto;
.items{
padding: 0 10px;
.item{
padding: 10px 0;
border-bottom: 1px solid #ccc;
.t1{
font-size: 14px;
line-height: 1.4;
margin-bottom: 10px;
color: rgba(16,16,16,1)
}
.t2{
display: flex;
justify-content: space-between;
.t3,.t4{
color: #666;
font-size: 14px;
}
}
}
}
}
}
.btns{
display: flex;
justify-content: space-between;
padding: 10px 0;
.btn{
line-height: 35px;
width: 140px;
text-align: center;
border-radius: 8px;
color: #fff;
font-size: 14px;
font-weight: bold;
&.btn1{
background: linear-gradient(262deg, rgba(209,166,115,1) 38.33%,rgba(209,166,115,0.42) 95.68%);
}
&.btn2{
background: linear-gradient(262deg, rgba(111,210,236,1) 38.33%,rgba(111,210,236,0.42) 95.68%);
}
}
}
</style>
\ No newline at end of file
src/views/parents/tutorship/index.vue
View file @ 0f3a7b8b
......@@ -103,7 +103,8 @@
<div class="text">
1.（选择题）问题问题问题问题问题问题问题
<span class="an">答案</span>
？</div>
？
</div>
<div class="r">
<div class="result">
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"
......@@ -120,7 +121,7 @@
</div>
</div>
<div class="allres">
答案：1、A 2、A 3、B 4、答案1 5、答案
答案：1、A 2、A 3、B 4、答案1 5、答案
</div>
</div>
</div>
......@@ -149,20 +150,25 @@ import { showImagePreview } from 'vant'
import img from '@/assets/images/img.jpg'
const imgSrcs = ref([img, img, img, img, img, img])
const option = {
/* title: {
text: 'Basic Radar Chart'
}, */
title: {
text: '您的评分 A',
left: '40%',
top: '50%',
textStyle: {
color: '#3f51b5',
}
},
legend: {
data: ['Allocated Budget', 'Actual Spending']
},
radar: {
// shape: 'circle',
indicator: [
{ name: '层次清晰', max: 100 },
{ name: '基本信息流畅', max: 100 },
{ name: '准确率', max: 100 },
{ name: '书写工整', max: 100 },
{ name: '逻辑思维', max: 100 }
{ name: '层次清晰', max: 100, color: '#000' },
{ name: '基本信息流畅', max: 100, color: '#000' },
{ name: '准确率', max: 100, color: '#000' },
{ name: '书写工整', max: 100, color: '#000' },
{ name: '逻辑思维', max: 100, color: '#000' }
]
},
series: [
......@@ -326,7 +332,8 @@ function onSubmit() { }
padding-right: 10px;
line-height: 1.4;
font-size: 12px;
.an{
.an {
padding: 0 10px;
border-bottom: 1px solid #000;
}
......@@ -356,7 +363,8 @@ function onSubmit() { }
}
}
}
.allres{
.allres {
background: #ccc;
line-height: 1.4;
padding: 5px 10px;
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment