266 lines
2.7 KiB
SCSS
266 lines
2.7 KiB
SCSS
@import 'variables';
|
|
@import 'mixin';
|
|
@import 'transition';
|
|
@import 'element-ui';
|
|
@import 'sidebar';
|
|
@import 'btn';
|
|
|
|
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;
|
|
}
|
|
|
|
label {
|
|
font-weight: 700;
|
|
}
|
|
|
|
html {
|
|
height: 100%;
|
|
box-sizing: border-box;
|
|
}
|
|
|
|
#app {
|
|
height: 100%;
|
|
}
|
|
|
|
*,
|
|
*:before,
|
|
*:after {
|
|
box-sizing: inherit;
|
|
}
|
|
|
|
.no-padding {
|
|
padding: 0 !important;
|
|
}
|
|
|
|
.padding-content {
|
|
padding: 4px 0;
|
|
}
|
|
|
|
a:focus,
|
|
a:active {
|
|
outline: none;
|
|
}
|
|
|
|
a,
|
|
a:focus,
|
|
a:hover {
|
|
cursor: pointer;
|
|
color: inherit;
|
|
text-decoration: none;
|
|
}
|
|
|
|
div:focus {
|
|
outline: none;
|
|
}
|
|
|
|
.fr {
|
|
float: right;
|
|
}
|
|
|
|
.fl {
|
|
float: left;
|
|
}
|
|
|
|
.pr-5 {
|
|
padding-right: 5px;
|
|
}
|
|
|
|
.pl-5 {
|
|
padding-left: 5px;
|
|
}
|
|
|
|
.block {
|
|
display: block;
|
|
}
|
|
|
|
.pointer {
|
|
cursor: pointer;
|
|
}
|
|
|
|
.inlineBlock {
|
|
display: block;
|
|
}
|
|
|
|
.clearfix {
|
|
&:after {
|
|
visibility: hidden;
|
|
display: block;
|
|
font-size: 0;
|
|
content: " ";
|
|
clear: both;
|
|
height: 0;
|
|
}
|
|
}
|
|
|
|
//main-container全局样式
|
|
.app-container {
|
|
padding: 20px;
|
|
}
|
|
|
|
.text-center {
|
|
text-align: center
|
|
}
|
|
|
|
.link-type,
|
|
.link-type:focus {
|
|
color: #337ab7;
|
|
cursor: pointer;
|
|
|
|
&:hover {
|
|
color: rgb(32, 160, 255);
|
|
}
|
|
}
|
|
|
|
/** 基础通用 **/
|
|
.pt5 {
|
|
padding-top: 5px;
|
|
}
|
|
|
|
.pr5 {
|
|
padding-right: 5px;
|
|
}
|
|
|
|
.pb5 {
|
|
padding-bottom: 5px;
|
|
}
|
|
|
|
.mt5 {
|
|
margin-top: 5px;
|
|
}
|
|
|
|
.mr5 {
|
|
margin-right: 5px;
|
|
}
|
|
|
|
.mb5 {
|
|
margin-bottom: 5px;
|
|
}
|
|
|
|
.mb8 {
|
|
margin-bottom: 8px;
|
|
}
|
|
|
|
.ml5 {
|
|
margin-left: 5px;
|
|
}
|
|
|
|
.mt10 {
|
|
margin-top: 10px;
|
|
}
|
|
|
|
.mr10 {
|
|
margin-right: 10px;
|
|
}
|
|
|
|
.mb10 {
|
|
margin-bottom: 10px;
|
|
}
|
|
|
|
.ml10 {
|
|
margin-left: 10px;
|
|
}
|
|
|
|
.mt20 {
|
|
margin-top: 20px;
|
|
}
|
|
|
|
.mr20 {
|
|
margin-right: 20px;
|
|
}
|
|
|
|
.mb20 {
|
|
margin-bottom: 20px;
|
|
}
|
|
|
|
.ml20 {
|
|
margin-left: 20px;
|
|
}
|
|
|
|
.ml {
|
|
margin-left: auto;
|
|
}
|
|
|
|
.mr {
|
|
margin-right: auto;
|
|
}
|
|
|
|
.mt {
|
|
margin-top: auto;
|
|
}
|
|
|
|
.mb {
|
|
margin-bottom: auto;
|
|
}
|
|
|
|
.el-dialog:not(.is-fullscreen) {
|
|
margin-top: 6vh !important;
|
|
}
|
|
|
|
.pull-right {
|
|
float: right !important;
|
|
}
|
|
|
|
/* text color */
|
|
.text-navy {
|
|
color: #1ab394;
|
|
}
|
|
|
|
.text-primary {
|
|
color: inherit;
|
|
}
|
|
|
|
.text-success {
|
|
color: #1c84c6;
|
|
}
|
|
|
|
.text-info {
|
|
color: #23c6c8;
|
|
}
|
|
|
|
.text-warning {
|
|
color: #f8ac59;
|
|
}
|
|
|
|
.text-danger {
|
|
color: #ed5565;
|
|
}
|
|
|
|
.text-muted {
|
|
color: #888888;
|
|
}
|
|
.text-orange {
|
|
color: orangered;
|
|
}
|
|
|
|
.text-hotpink {
|
|
color: hotpink;
|
|
}
|
|
.text-green {
|
|
color: green;
|
|
}
|
|
.text-greenyellow {
|
|
color: greenyellow;
|
|
}
|
|
/* image */
|
|
.img-circle {
|
|
border-radius: 50%;
|
|
}
|
|
|
|
.card-box {
|
|
padding-right: 15px;
|
|
padding-left: 15px;
|
|
margin-bottom: 10px;
|
|
}
|
|
|
|
.icon {
|
|
width: 100px;
|
|
}
|
|
|
|
.table-td-thumb {
|
|
width: 56px;
|
|
}
|