提交 e8177951 authored 作者: matian's avatar matian

代码提交

上级 5bfa30f1
<template> <template>
<el-card class="box-card"> <el-card class="box-card">
<div slot="header" class="clearfix"> <div slot="header" class="clearfix">
<h1 style="color: #333; font-size: 16px; border-left: 3px solid #aa1941; padding-left: 7px">题型数据</h1> <h1 style="font-size: 28px">题型数据</h1>
</div> </div>
<div id="type" style="width: 300px; height: 360px"></div> <div id="type" style="width: 310px; height: 360px"></div>
<div>客观题正确率76%</div> <div>客观题正确率76%</div>
<div>主观题正确率24%</div> <div>主观题正确率24%</div>
</el-card> </el-card>
...@@ -22,8 +22,8 @@ export default { ...@@ -22,8 +22,8 @@ export default {
} }
}, },
grid: { grid: {
// left: '10%', left: '30%',
// right: '20%', right: '5%',
bottom: '20%', bottom: '20%',
containLabel: true containLabel: true
}, },
......
...@@ -3,7 +3,7 @@ ...@@ -3,7 +3,7 @@
<div slot="header" class="clearfix"> <div slot="header" class="clearfix">
<h1 style="color: #333; font-size: 16px; border-left: 3px solid #aa1941; padding-left: 7px">结果统计</h1> <h1 style="color: #333; font-size: 16px; border-left: 3px solid #aa1941; padding-left: 7px">结果统计</h1>
</div> </div>
<div id="main" style="width: 300px; height: 400px"></div> <div id="main" style="width: 310px; height: 400px"></div>
</el-card> </el-card>
</template> </template>
......
...@@ -4,7 +4,7 @@ ...@@ -4,7 +4,7 @@
<h1 style="color: #333; font-size: 16px; border-left: 3px solid #aa1941; padding-left: 7px">考分区间</h1> <h1 style="color: #333; font-size: 16px; border-left: 3px solid #aa1941; padding-left: 7px">考分区间</h1>
<el-button type="text" style="font-size: 16px; color: #aa1941; float: right; margin-top: -35px">设置</el-button> <el-button type="text" style="font-size: 16px; color: #aa1941; float: right; margin-top: -35px">设置</el-button>
</div> </div>
<div id="score" style="width: 300px; height: 400px"></div> <div id="score" style="width: 310px; height: 400px"></div>
</el-card> </el-card>
</template> </template>
...@@ -18,7 +18,12 @@ export default { ...@@ -18,7 +18,12 @@ export default {
trigger: 'item' trigger: 'item'
}, },
legend: { legend: {
bottom: '5%' bottom: '5%',
left: 'center'
},
grid: {
left: '10%',
right: '10%'
}, },
series: [ series: [
{ {
......
<template> <template>
<app-container> <div class="container">
<el-row type="flex" class="row-bg" justify="space-between" style="margin-bottom: 30px"> <el-row type="flex" class="row-bg" justify="space-between" style="margin-bottom: 30px">
<el-col :span="10"><h1 style="padding-left: 50px; font-size: 30px">模拟测试一</h1></el-col> <el-col :span="10"><h1 style="padding-left: 50px; font-size: 30px">模拟测试一</h1></el-col>
<el-col :span="5"> <el-col :span="5">
...@@ -10,20 +10,20 @@ ...@@ -10,20 +10,20 @@
</el-col> </el-col>
</el-row> </el-row>
<el-row type="flex" class="row-bg"> <el-row type="flex" class="row-bg">
<el-col style="min-width: 366px; margin-right: 21px"><ExamInfo /></el-col> <el-col class="col"><ExamInfo /></el-col>
<el-col style="min-width: 366px; margin-right: 21px"><Submission /></el-col> <el-col class="col"><Submission /></el-col>
<el-col style="min-width: 366px"><Score /></el-col> <el-col><Score /></el-col>
</el-row> </el-row>
<el-row type="flex" class="row-bg" style="margin-top: 30px"> <el-row type="flex" class="row-bg">
<el-col style="min-width: 560px; margin-right: 21px"><ScoreRanking /></el-col> <el-col class="col"><ScoreRanking /></el-col>
<el-col style="min-width: 560px"><TitleData /></el-col> <el-col><TitleData /></el-col>
</el-row> </el-row>
<el-row type="flex" class="row-bg" style="margin-top: 30px"> <el-row type="flex" class="row-bg">
<el-col style="min-width: 347px; margin-right: 21px"><Result /></el-col> <el-col class="col"><Result /></el-col>
<el-col style="min-width: 347px; margin-right: 21px"><ScoreRange /></el-col> <el-col class="col"><ScoreRange /></el-col>
<el-col style="min-width: 347px; margin-right: 21px"><QuestionType /></el-col> <el-col><QuestionType /></el-col>
</el-row> </el-row>
</app-container> </div>
</template> </template>
<script> <script>
...@@ -45,4 +45,11 @@ export default { ...@@ -45,4 +45,11 @@ export default {
} }
</script> </script>
<style></style> <style>
.row-bg {
margin-top: 30px;
}
.col {
margin-right: 21px;
}
</style>
Markdown 格式
0%
您添加了 0 到此讨论。请谨慎行事。
请先完成此评论的编辑!
注册 或者 后发表评论