132 lines
1.9 KiB
SCSS
132 lines
1.9 KiB
SCSS
@import './variables.scss';
|
||
@import './mixin.scss';
|
||
@import './transition.scss';
|
||
@import './element-ui.scss';
|
||
@import './sidebar.scss';
|
||
|
||
body {
|
||
height: 100%;
|
||
-moz-osx-font-smoothing: grayscale;
|
||
-webkit-font-smoothing: antialiased;
|
||
text-rendering: optimizeLegibility;
|
||
font-family: Helvetica Neue, Helvetica, PingFang SC, Hiragino Sans GB, Microsoft YaHei, Arial, sans-serif;
|
||
background-color: #f0f2f5;
|
||
}
|
||
|
||
label {
|
||
font-weight: 700;
|
||
}
|
||
|
||
html {
|
||
height: 100%;
|
||
box-sizing: border-box;
|
||
}
|
||
|
||
#app {
|
||
height: 100%;
|
||
}
|
||
|
||
*,
|
||
*:before,
|
||
*:after {
|
||
box-sizing: inherit;
|
||
}
|
||
|
||
a:focus,
|
||
a:active {
|
||
outline: none;
|
||
}
|
||
|
||
a,
|
||
a:focus,
|
||
a:hover {
|
||
cursor: pointer;
|
||
color: inherit;
|
||
text-decoration: none;
|
||
}
|
||
|
||
div:focus {
|
||
outline: none;
|
||
}
|
||
|
||
.clearfix {
|
||
&:after {
|
||
visibility: hidden;
|
||
display: block;
|
||
font-size: 0;
|
||
content: " ";
|
||
clear: both;
|
||
height: 0;
|
||
}
|
||
}
|
||
|
||
// main-container global css
|
||
.app-container {
|
||
padding: 6px;
|
||
}
|
||
body .el-table th.gutter{
|
||
display: table-cell!important;
|
||
}
|
||
|
||
body .el-table colgroup.gutter{
|
||
display: table-cell!important;
|
||
}
|
||
.el-table--medium td, .el-table--medium th {
|
||
padding: 2px 0;
|
||
}
|
||
.el-table{
|
||
|
||
width:99.9%!important;
|
||
|
||
}
|
||
.el-form-item {
|
||
margin-bottom: 16px;
|
||
}
|
||
.el-card, .el-message {
|
||
border-radius: 0px;
|
||
overflow: hidden;
|
||
}
|
||
|
||
.el-card__body {
|
||
padding: 6px;
|
||
}
|
||
.el-card__header {
|
||
padding: 6px;
|
||
}
|
||
.el-tabs--border-card>.el-tabs__content {
|
||
padding: 6px;
|
||
}
|
||
.el-dialog__header {
|
||
padding: 10px 10px 6px;
|
||
}
|
||
.el-dialog__body {
|
||
padding: 8px 12px;
|
||
}
|
||
|
||
.el-form--label-top .el-form-item__label {
|
||
line-height: 16px;
|
||
}
|
||
.el-button+.el-button {
|
||
margin-left: 1px;
|
||
}
|
||
|
||
|
||
|
||
.el-table--medium td, .el-table--medium th {
|
||
padding: 2px 0;
|
||
}
|
||
.el-form-item {
|
||
margin-bottom: 16px;
|
||
}
|
||
|
||
/*1.显示滚动条：当内容超出容器的时候，可以拖动：*/
|
||
.el-drawer__body {
|
||
overflow: auto;
|
||
}
|
||
/*2.隐藏滚动条，太丑了*/
|
||
// .el-drawer__container ::-webkit-scrollbar{
|
||
// display: none;
|
||
// }
|
||
|
||
|