提交 68d892c3 authored 作者: matian's avatar matian

style:样式调整

上级 dd565ed6
...@@ -27,7 +27,6 @@ export default { ...@@ -27,7 +27,6 @@ export default {
tableOptions() { tableOptions() {
return { return {
remote: {}, remote: {},
height: '200px',
columns: [ columns: [
{ label: '排名', slots: 'paper_title', align: 'center' }, { label: '排名', slots: 'paper_title', align: 'center' },
{ label: '姓名', prop: 'class_name', align: 'center' }, { label: '姓名', prop: 'class_name', align: 'center' },
...@@ -58,6 +57,15 @@ export default { ...@@ -58,6 +57,15 @@ export default {
{ {
class_name: '1w1e' class_name: '1w1e'
}, },
{
class_name: '1w1e'
},
{
class_name: '1w1e'
},
{
class_name: '1w1e'
},
{ {
class_name: '1w1e' class_name: '1w1e'
} }
...@@ -81,7 +89,7 @@ export default { ...@@ -81,7 +89,7 @@ export default {
} }
</script> </script>
<style lang="scss" scoped> <style lang="scss" scoped>
.paper-title{ .paper-title {
text-align: center; text-align: center;
line-height: 27px; line-height: 27px;
width: 27px; width: 27px;
...@@ -90,20 +98,20 @@ export default { ...@@ -90,20 +98,20 @@ export default {
color: #606266; color: #606266;
border-radius: 50%; border-radius: 50%;
margin: 0 auto; margin: 0 auto;
&.active1{ &.active1 {
color: #6C83CE; color: #6c83ce;
background: #E3EAFF; background: #e3eaff;
} }
&.active2{ &.active2 {
color: #8FB87A; color: #8fb87a;
background: #EBFCE2; background: #ebfce2;
} }
&.active3{ &.active3 {
color: #D96685; color: #d96685;
background: #FFEAEF; background: #ffeaef;
} }
} }
::v-deep{ ::v-deep {
.el-table { .el-table {
th { th {
padding: 0; padding: 0;
......
<template> <template>
<el-card style="height: 554px"> <el-card style="height: 650px">
<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>
<el-button type="text" style="font-size: 16px; color: #aa1941; float: right; margin-top: -30px">导出</el-button> <el-button type="text" style="font-size: 16px; color: #aa1941; float: right; margin-top: -30px">导出</el-button>
......
<template> <template>
<el-card style="margin-right: -20px; height: 554px"> <el-card style="margin-right: -20px; height: 650px">
<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>
<el-button type="text" style="font-size: 16px; color: #aa1941; float: right; margin-top: -30px">导出</el-button> <el-button type="text" style="font-size: 16px; color: #aa1941; float: right; margin-top: -30px">导出</el-button>
...@@ -23,7 +23,6 @@ export default { ...@@ -23,7 +23,6 @@ export default {
tableOptions() { tableOptions() {
return { return {
remote: {}, remote: {},
height: '250px',
columns: [ columns: [
{ label: '排序', prop: 'paper_title', align: 'center' }, { label: '排序', prop: 'paper_title', align: 'center' },
{ label: '题干简述', prop: 'class_name', align: 'center' }, { label: '题干简述', prop: 'class_name', align: 'center' },
......
Markdown 格式
0%
您添加了 0 到此讨论。请谨慎行事。
请先完成此评论的编辑!
注册 或者 后发表评论