123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184 |
- $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;
- }
|