$bg_color : #3C64DC;
html,
body {
height: 100%;
}
h1,
h2,
h3,
h4,
h5,
h6,
p,
body,
html,
ul,
ol,
li {
margin: 0;
padding: 0;
}
ul,
ol,
li {
outline: none;
list-style: none;
}
.overflow {
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
}
// 前台公共样式
a {
color: #333333;
text-decoration: none;
}
.center {
width: 1200px;
margin: 0 auto;
height: 100%;
}
.overflow {
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
}
.flex {
display: flex;
justify-content: center;
align-items: center;
}
/*定义滚动条的样式*/
::-webkit-scrollbar {
width: 10px;
height: 10px;
}
/*定义滚动条滑块的样式*/
::-webkit-scrollbar-thumb {
background: #ccc;
border-radius: 10px;
}
/*定义滚动条轨道的背景颜色*/
::-webkit-scrollbar-track {
background: #f1f1f1;
}
// 表格样式
.el-table--striped .el-table__body tr.el-table__row--striped td.el-table__cell {
background: #F9FAFE;
}
.el-table {
th.el-table__cell.is-leaf,
td.el-table__cell {
border-bottom: none;
}
.el-table__header-wrapper,
.el-table__fixed-header-wrapper {
th {
word-break: break-word;
background-color: #ECEFF6;
;
color: #515a6e;
height: 45px;
}
}
// 滚动条的宽度
.el-table__body-wrapper::-webkit-scrollbar {
width: 10px; // 横向滚动条
height: 10px; // 纵向滚动条 必写
}
// 滚动条的滑块
.el-table__body-wrapper::-webkit-scrollbar-thumb {
background-color: #DDDEE0; //颜色
border-radius: 5px; //圆角
}
.el-table__body-wrapper {
position: relative;
.el-table__empty-text {
display: inline-block;
line-height: 25px;
position: absolute;
left: 50%;
top: 30px;
transform: translateX(-50%);
color: #999;
overflow: hidden;
}
}
.el-table__empty-block {
min-height: 150px;
}
}
// 集团公告发布页面tip
.notice-testtooltip {
padding: 2px 8px;
color: #666;
}
//------------------------------公共样式开始-----------------------------------------
// 公共div外部样式
.common-box {
padding: 20px;
background-color: #fff;
border-radius: 6px;
overflow-y: auto;
}
// 富文本编辑器样式
.editor-css {
ul {
li {
list-style: disc;
}
}
ol {
li {
list-style: decimal;
}
}
}
// 面包屑导航
.app-breadcrumb.el-breadcrumb {
line-height: 40px;
margin-left: 20px;
color: #616161;
.no-redirect {
color: $bg_color;
cursor: text;
}
.el-breadcrumb__separator {
color: #898989;
}
}
// 按钮湖蓝色------新增按钮
.lake-Blue {
background: #52C8CC;
border: #52C8CC;
}