Skip to content

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

画

parent 64506723
Hide whitespace changes
Inline Side-by-side
Showing with 471 additions and 6 deletions
src/router/index.js
View file @ ca591de7
......@@ -22,7 +22,7 @@ const router = createRouter({
},
{
path: '/parents/homeWorkStatistics',
name: 'homeWorkStatistics',
name: 'parentsHomeWorkStatistics',
meta: {
title: '作业统计',
},
......@@ -30,7 +30,7 @@ const router = createRouter({
},
{
path: '/parents/AICorrect',
name: 'AICorrect',
name: 'parentsAICorrect',
meta: {
title: '智能批改',
},
......@@ -38,7 +38,7 @@ const router = createRouter({
},
{
path: '/parents/tutorship',
name: 'tutorship',
name: 'parentsTutorship',
meta: {
title: '作业辅导',
},
......@@ -46,7 +46,7 @@ const router = createRouter({
},
{
path: '/parents/errorLists',
name: 'errorLists',
name: 'parentsErrorLists',
meta: {
title: '错题集',
},
......@@ -54,12 +54,36 @@ const router = createRouter({
},
{
path: '/parents/analyze',
name: 'analyze',
name: 'parentsAnalyze',
meta: {
title: '错题解析',
},
component: () => import('../views/parents/analyze/index.vue'),
},
{
path: '/parents/mine',
name: 'parentsMine',
meta: {
title: '个人中心',
},
component: () => import('../views/parents/mine/index.vue'),
},
{
path: '/parents/childrens',
name: 'parentsChildrens',
meta: {
title: '孩子档案',
},
component: () => import('../views/parents/childrens/index.vue'),
},
{
path: '/student/practiceReport',
name: 'studentPracticeReport',
meta: {
title: '练习报告',
},
component: () => import('../views/student/practiceReport/index.vue'),
},
],
})
......
src/styles/index.scss
View file @ ca591de7
......@@ -5,7 +5,7 @@ body {
}
* {
box-sizing: content-box;
box-sizing: border-box;
}
.hr {
......
src/views/parents/childrens/index.vue 0 → 100644
View file @ ca591de7
<template>
<div class="main">
<div class="items">
<div class="item">
<div class="t-l-icon">
<img src="@/assets/images/child.png" alt="">
</div>
<div class="r">
<div class="t1">家长昵称（六年级）
</div>
<div class="t2">家长号：120888</div>
</div>
<div class="btns">
<span class="btn1">删除 <van-icon name="delete-o" /></span>
<span class="btn2">修改 <van-icon name="edit" /></span>
</div>
</div>
<div class="item">
<div class="t-l-icon">
<img src="@/assets/images/child.png" alt="">
</div>
<div class="r">
<div class="t1">家长昵称（六年级）
</div>
<div class="t2">家长号：120888</div>
</div>
<div class="btns">
<span class="btn1">删除 <van-icon name="delete-o" /></span>
<span class="btn2">修改 <van-icon name="edit" /></span>
</div>
</div>
<div class="add">
<span>添加孩子</span>
</div>
</div>
</div>
</template>
<script setup lang="ts"></script>
<style lang="scss" scoped>
.main {
padding: 20px 10px;
.items {
.item {
display: flex;
align-items: center;
background: #fff;
border-radius: 6px;
padding: 10px;
margin-bottom: 10px;
.t-l-icon {
margin-right: 10px;
img {
vertical-align: middle;
}
}
.r {
padding-right: 10px;
.t1 {
width: 160px;
font-size: 15px;
font-weight: bold;
line-height: 30px;
line-height: 1.2;
margin-bottom: 5px;
}
.t2 {
display: inline-block;
font-size: 12px;
line-height: 22px;
padding: 0 10px;
color: #BBBBBB;
border-radius: 20px;
background-color: rgba(236, 234, 234, 1);
}
}
.btns {
.btn1 {
color: red;
margin-right: 10px;
}
.btn2 {
color: var(--van-primary-color);
}
}
}
}
.add{
padding: 30px 0;
text-align: center;
font-size: 14px;
color: #15A4B8;
}
}
</style>
\ No newline at end of file
src/views/parents/mine/index.vue 0 → 100644
View file @ ca591de7
<template>
<div class="main">
<div class="items">
<div class="item">
<div class="info-con">
<van-image class="img" round fit="cover" :src="imgSrcs" />
<div class="r">
<div class="t1">家长昵称1 <img src="@/assets/images/wd5.png" alt=""></div>
<div class="t2">家长号：120888</div>
</div>
</div>
</div>
<div class="item line">
<van-cell title="孩子档案" is-link >
<template #icon>
<div class="t-l-icon">
<img src="@/assets/images/wd2.png" alt="">
</div>
</template>
</van-cell>
</div>
<div class="item line">
<van-cell title="咨询" is-link >
<template #icon>
<div class="t-l-icon">
<img src="@/assets/images/wd3.png" alt="">
</div>
</template>
</van-cell>
<van-cell title="设置" is-link >
<template #icon>
<div class="t-l-icon">
<img src="@/assets/images/wd4.png" alt="">
</div>
</template>
</van-cell>
</div>
</div>
</div>
</template>
<script setup lang="ts">
import { ref } from 'vue'
import img from '@/assets/images/wd1.png'
const imgSrcs = ref(img)
</script>
<style lang="scss" scoped>
.main{
padding: 20px 10px;
.items{
.item{
background: #fff;
border-radius: 8px;
margin-bottom: 20px;
overflow: hidden;
box-shadow: 2px 2px 5px rgba(0,0,0,0.05);
.info-con{
display: flex;
align-items: center;
padding: 20px;
.img{
width: 80px;
height: 80px;
margin-right: 20px;
}
.t1{
font-size: 16px;
font-weight: bold;
line-height: 1.2;
margin-bottom: 5px;
}
.t2{
display: inline-block;
font-size: 12px;
line-height: 22px;
padding: 0 10px;
color: #BBBBBB ;
border-radius: 20px;
background-color: rgba(236,234,234,1);
}
}
.t-l-icon{
padding-right: 10px;
img{
vertical-align: middle;
width: 25px;
}
}
& .van-cell{
// line-height: 40px;
}
}
}
}
</style>
\ No newline at end of file
src/views/student/practiceReport/index.vue 0 → 100644
View file @ ca591de7
<template>
<div class="main">
<div class="top">
<div class="info">
<div class="t1">3</div>
<div class="t2">题</div>
<div class="qp">
答对
</div>
</div>
</div>
<div class="num">
<div class="info">
<div class="content">
<div class="item">
<div class="t1" style="color: #2156FE;font-size: 18px;font-weight: bold;">75%</div>
<div class="t2">正确率</div>
</div>
<div class="item">
<div class="t1"> <span>5</span> 分 <span>6</span> 秒</div>
<div class="t2">用时</div>
</div>
</div>
</div>
<div class="num2">
<div class="num-list">
<div class="t">1</div>
<div class="t t2">2</div>
<div class="t">3</div>
<div class="t t2">4</div>
<div class="t">5</div>
</div>
</div>
</div>
<div style="background: #f2f2f2;height: 10px;"></div>
<div class="main-info">
<div class="title">
<img src="@/assets/images/dp.png" alt="">
知识点掌握情况
</div>
<div class="items">
<div class="item">
<div class="t1">知识点知识点</div>
<div class="t2">共1道，答对0道，正确率0.00%</div>
</div>
<div class="item">
<div class="t1">知识点知识点</div>
<div class="t2">共1道，答对0道，正确率0.00%</div>
</div>
<div class="item">
<div class="t1">知识点知识点</div>
<div class="t2">共1道，答对0道，正确率0.00%</div>
</div>
<div class="item">
<div class="t1">知识点知识点</div>
<div class="t2">共1道，答对0道，正确率0.00%</div>
</div>
</div>
</div>
<div class="btns">
<div class="btn">全部解析</div>
<div class="btn">错题解析</div>
<div class="btn btn2">继续做题</div>
</div>
</div>
</template>
<script setup lang="ts"></script>
<style lang="scss" scoped>
.main {
.top {
padding: 50px 0 70px;
text-align: center;
.info {
position: relative;
display: inline-block;
.t1 {
display: inline-block;
font-size: 30px;
font-weight: bold;
color: #2156FE;
margin-right: 15px;
vertical-align: sub;
}
.t2 {
display: inline-block;
color: #2156FE;
font-weight: bold;
font-size: 14px;
}
.qp {
position: absolute;
right: -15px;
top: -25px;
color: #fff;
font-size: 12px;
font-weight: bold;
padding-top: 10px;
background: url(@/assets/images/qp.png) no-repeat top center;
width: 40px;
height: 40px;
}
}
}
.num {
position: relative;
background: #fff;
border-top-left-radius: 10px;
border-top-right-radius: 10px;
.info {
position: absolute;
width: 100%;
top: -40px;
padding: 0 40px;
.content {
display: flex;
justify-content: space-between;
padding: 20px;
text-align: center;
background: #fff;
border-radius: 10px;
box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.1);
.item {
width: 100px;
font-size: 14px;
.t1 {
margin-bottom: 10px;
span {
font-size: 18px;
font-weight: bold;
}
}
}
}
}
.num2 {
padding: 80px 20px 20px;
overflow-x: auto;
.num-list {
white-space: nowrap;
.t {
display: inline-block;
width: 30px;
height: 30px;
line-height: 30px;
text-align: center;
border-radius: 50%;
color: #fff;
font-size: 12px;
background: #2056ff;
margin-right: 20px;
&.t2 {
background: red;
}
}
}
}
}
.main-info {
padding: 20px 10px;
background: #fff;
min-height: 250px;
.title {
line-height: 30px;
font-size: 16px;
font-weight: bold;
margin-bottom: 10px;
img {
vertical-align: middle;
margin-right: 5px;
}
}
.items {
.item {
margin-bottom: 10px;
.t1 {
margin-bottom: 5px;
font-size: 14px;
line-height: 1.4;
color: rgba(16, 16, 16, 1);
}
.t2 {
font-size: 12px;
line-height: 1.4;
color: rgba(16, 16, 16, 0.36);
}
}
}
}
.btns {
display: flex;
justify-content: space-between;
padding: 0 10px 20px;
background: #fff;
.btn {
width: 30%;
line-height: 35px;
height: 35px;
border-radius: 8px;
background-color: rgba(121, 153, 255, 0.38);
color: rgba(0, 61, 255, 1);
font-size: 14px;
text-align: center;
&.btn2 {
background: #2056ff;
color: #fff;
}
}
}
}
</style>
\ No newline at end of file
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