|
@@ -0,0 +1,777 @@
|
|
|
+@picker-bg-color: fade(rgb(3, 7, 19), 95);
|
|
|
+
|
|
|
+#appBody.nsfStyle {
|
|
|
+ background: #09172b;
|
|
|
+
|
|
|
+ // /integratedAlarm/safe/realwarning 卡片
|
|
|
+ .card {
|
|
|
+ color : rgb(228, 236, 255);
|
|
|
+ background: #142446;
|
|
|
+
|
|
|
+ .safeCom {
|
|
|
+ .safeCom_head {
|
|
|
+ border-bottom: 0;
|
|
|
+ }
|
|
|
+ }
|
|
|
+ }
|
|
|
+
|
|
|
+ // /integratedAlarm/safe/dataSearch
|
|
|
+ .data-search {
|
|
|
+ .data-content {
|
|
|
+ .card-left {
|
|
|
+
|
|
|
+ .cardleft,
|
|
|
+ .cardright {
|
|
|
+ background: rgb(21, 37, 69);
|
|
|
+ }
|
|
|
+ }
|
|
|
+
|
|
|
+ .card-right {
|
|
|
+ background: rgb(21, 37, 69);
|
|
|
+ }
|
|
|
+ }
|
|
|
+ }
|
|
|
+
|
|
|
+ // 历史数据按钮弹窗顶部按钮
|
|
|
+ .pickerFifter {
|
|
|
+ .buttons {
|
|
|
+ background-color: rgba(37, 112, 206, 0.2);
|
|
|
+ border : 1px solid rgb(37, 112, 206);
|
|
|
+ color : rgb(37, 112, 206);
|
|
|
+ }
|
|
|
+ }
|
|
|
+
|
|
|
+
|
|
|
+ // /integratedAlarm/alarmConfig/historyConfig 编辑按钮弹窗底部底部按钮
|
|
|
+ .footerButton {
|
|
|
+ .el-button:first-child {
|
|
|
+ background-color: rgba(37, 112, 206, 0.16) !important;
|
|
|
+
|
|
|
+ }
|
|
|
+
|
|
|
+ .el-button:last-of-type {
|
|
|
+ color : #fff;
|
|
|
+ background-color: rgb(37, 112, 206);
|
|
|
+ }
|
|
|
+ }
|
|
|
+
|
|
|
+ // /economicsOperation/benchmarkingManagement/performanceRankingList
|
|
|
+ .tabCut {
|
|
|
+ .active {
|
|
|
+ background: rgb(37, 112, 206);
|
|
|
+ }
|
|
|
+ }
|
|
|
+
|
|
|
+ .buttons {
|
|
|
+ color : #fff;
|
|
|
+ background-color: rgb(37, 112, 206);
|
|
|
+ border : 0;
|
|
|
+
|
|
|
+ &:hover {
|
|
|
+ color : rgb(223, 232, 250);
|
|
|
+ background: rgb(26, 92, 175);
|
|
|
+ }
|
|
|
+ }
|
|
|
+
|
|
|
+ .performance {
|
|
|
+ .lyl-item {
|
|
|
+ color: #67b9ff;
|
|
|
+ }
|
|
|
+ }
|
|
|
+
|
|
|
+ .tabCut1 {
|
|
|
+ .tabCut-item {
|
|
|
+ background: rgba(37, 112, 206, 0.4);
|
|
|
+
|
|
|
+ &.active {
|
|
|
+ background: rgb(37, 112, 206);
|
|
|
+ }
|
|
|
+ }
|
|
|
+ }
|
|
|
+
|
|
|
+ // /economicsOperation/thematicAnalysis/windEnergy
|
|
|
+ .parcel-box .search .searchColor {
|
|
|
+ color : #fff;
|
|
|
+ background-color: rgb(37, 112, 206);
|
|
|
+ border : 0;
|
|
|
+
|
|
|
+ &:hover {
|
|
|
+ color : rgb(223, 232, 250);
|
|
|
+ background: rgb(26, 92, 175);
|
|
|
+ }
|
|
|
+ }
|
|
|
+
|
|
|
+ // /economicsOperation/stationAnalyse/WindAndPhotovoltaic
|
|
|
+ .windAndPhotovoltaic .wp-search .searchColor {
|
|
|
+ color : #fff;
|
|
|
+ background-color: rgb(37, 112, 206);
|
|
|
+ border : 0;
|
|
|
+
|
|
|
+ &:hover {
|
|
|
+ color : rgb(223, 232, 250);
|
|
|
+ background: rgb(26, 92, 175);
|
|
|
+ }
|
|
|
+ }
|
|
|
+
|
|
|
+ // /economicsOperation/windAnalyse/powerSearch
|
|
|
+ .selections {
|
|
|
+ .selections_btn {
|
|
|
+ background: rgba(37, 112, 206, 0.2);
|
|
|
+ border : 1px solid rgba(37, 112, 206, 0.2);
|
|
|
+
|
|
|
+ &.active {
|
|
|
+ background: rgb(37, 112, 206);
|
|
|
+ border : 1px solid rgb(37, 112, 206);
|
|
|
+ }
|
|
|
+ }
|
|
|
+ }
|
|
|
+
|
|
|
+ // /economicsOperation/windAnalyse/qxpclfx
|
|
|
+ .query-items {
|
|
|
+ .newspan {
|
|
|
+ &.active {
|
|
|
+ background: linear-gradient(to top, rgba(#67b9ff, 0.5), rgba(#67b9ff, 0));
|
|
|
+
|
|
|
+ &:after {
|
|
|
+ border-color: #67b9ff;
|
|
|
+ }
|
|
|
+ }
|
|
|
+
|
|
|
+ &:hover {
|
|
|
+ background: linear-gradient(to top, rgba(#67b9ff, 0.5), rgba(#67b9ff, 0));
|
|
|
+
|
|
|
+ &:after {
|
|
|
+ border-color: #67b9ff;
|
|
|
+ }
|
|
|
+ }
|
|
|
+ }
|
|
|
+ }
|
|
|
+
|
|
|
+ .searchColor {
|
|
|
+ color : #fff;
|
|
|
+ background-color: rgb(37, 112, 206);
|
|
|
+ border : 0;
|
|
|
+
|
|
|
+ &:hover {
|
|
|
+ color : rgb(223, 232, 250);
|
|
|
+ background: rgb(26, 92, 175);
|
|
|
+ }
|
|
|
+ }
|
|
|
+
|
|
|
+ // /economicsOperation/efficiency/stateEfficiency
|
|
|
+ .date {
|
|
|
+
|
|
|
+ .day,
|
|
|
+ .year {
|
|
|
+ border: 1px solid #67b9ff;
|
|
|
+
|
|
|
+ &.active {
|
|
|
+ background: rgba(#67b9ff, 0.4);
|
|
|
+ }
|
|
|
+ }
|
|
|
+
|
|
|
+ .mouth {
|
|
|
+ border-top : 1px solid #67b9ff;
|
|
|
+ border-bottom: 1px solid #67b9ff;
|
|
|
+
|
|
|
+ &.active {
|
|
|
+ background: rgba(#67b9ff, 0.4);
|
|
|
+ }
|
|
|
+ }
|
|
|
+ }
|
|
|
+
|
|
|
+ // /integratedAlarm/deviceConfig
|
|
|
+ .device-config .device-content .box-card-tree,
|
|
|
+ .device-config .device-content .box-card {
|
|
|
+ background: rgb(21, 37, 69)
|
|
|
+ }
|
|
|
+
|
|
|
+ // header 菜单激活状态
|
|
|
+ .header-menu {
|
|
|
+ .header-menu-list {
|
|
|
+ .header-menu-item {
|
|
|
+ outline: none;
|
|
|
+
|
|
|
+ &.active {
|
|
|
+ color : #67b9ff;
|
|
|
+ background : linear-gradient(to top, rgba(#2169c3, 0.5), rgba(#142446, 0)) !important;
|
|
|
+ border-color: #2169c3 !important;
|
|
|
+
|
|
|
+ &:after {
|
|
|
+ border-color: #2169c3;
|
|
|
+ }
|
|
|
+ }
|
|
|
+ }
|
|
|
+ }
|
|
|
+
|
|
|
+ // header 右侧 user
|
|
|
+ .header-menu-user {
|
|
|
+ .header-menu-user-title {
|
|
|
+ .el-dropdown-link {
|
|
|
+ color: #67b9ff;
|
|
|
+ }
|
|
|
+ }
|
|
|
+ }
|
|
|
+ }
|
|
|
+
|
|
|
+ // 左侧菜单
|
|
|
+ .menu-list {
|
|
|
+ .menu-item {
|
|
|
+ .svg-icon-green {
|
|
|
+ svg {
|
|
|
+ use {
|
|
|
+ fill: #fff;
|
|
|
+ }
|
|
|
+ }
|
|
|
+ }
|
|
|
+
|
|
|
+ .svg-icon-gray {
|
|
|
+ svg {
|
|
|
+ use {
|
|
|
+ fill: #777;
|
|
|
+ }
|
|
|
+ }
|
|
|
+ }
|
|
|
+
|
|
|
+ }
|
|
|
+ }
|
|
|
+
|
|
|
+ // 表格类页面内表格上文本方标题
|
|
|
+ .leftContent {
|
|
|
+ span {
|
|
|
+ color: rgb(254, 254, 255);
|
|
|
+ }
|
|
|
+ }
|
|
|
+
|
|
|
+ // 部分页面顶部搜索条件框
|
|
|
+ .form-wrapper {
|
|
|
+ .btns {
|
|
|
+ .buttons {
|
|
|
+ color : #fff;
|
|
|
+ background-color: rgb(37, 112, 206);
|
|
|
+ border : 0;
|
|
|
+
|
|
|
+ &:hover {
|
|
|
+ color : rgb(223, 232, 250);
|
|
|
+ background: rgb(26, 92, 175);
|
|
|
+ }
|
|
|
+ }
|
|
|
+ }
|
|
|
+ }
|
|
|
+
|
|
|
+ // 左侧导航背景颜色
|
|
|
+ .menu-body {
|
|
|
+ background: rgb(8, 23, 44);
|
|
|
+
|
|
|
+ // 左侧导航菜单二级
|
|
|
+ .sub-menu {
|
|
|
+ background : rgba(3, 7, 19, 0.75);
|
|
|
+ border-color: rgba(#2169c3, 0.5);
|
|
|
+
|
|
|
+ .menu-item {
|
|
|
+ border : 0;
|
|
|
+ color : #777;
|
|
|
+ background: rgb(8, 23, 44);
|
|
|
+
|
|
|
+ &.active {
|
|
|
+ background: rgb(26, 102, 198);
|
|
|
+
|
|
|
+ .sub-menu-text {
|
|
|
+ color: #fff;
|
|
|
+ }
|
|
|
+
|
|
|
+ }
|
|
|
+ }
|
|
|
+ }
|
|
|
+
|
|
|
+ // 左侧菜单底部图钉
|
|
|
+ .svg-icon-green {
|
|
|
+ svg {
|
|
|
+ use {
|
|
|
+ fill: #2169c3;
|
|
|
+ }
|
|
|
+ }
|
|
|
+ }
|
|
|
+ }
|
|
|
+
|
|
|
+ // 页面渲染 router 部分背景颜色
|
|
|
+ .main-body {
|
|
|
+ background: rgb(3, 7, 19);
|
|
|
+ }
|
|
|
+
|
|
|
+ // el-dialog 弹窗
|
|
|
+ .el-dialog {
|
|
|
+ background: fade(rgb(3, 7, 19), 95);
|
|
|
+ border : 1px solid fade(#2169c3, 50);
|
|
|
+ box-shadow: 0px 8px 17px 1px rgba(#2169c3, 0.3);
|
|
|
+
|
|
|
+ &.el-dialog--center .el-dialog__body,
|
|
|
+ .el-dialog__body {
|
|
|
+ padding: 16px 24px;
|
|
|
+ }
|
|
|
+
|
|
|
+ &.hide-header {
|
|
|
+ .el-dialog__header {
|
|
|
+ background: none; // 去除弹窗 header 背景图片
|
|
|
+ border : none;
|
|
|
+
|
|
|
+ .el-dialog__title {
|
|
|
+ display: none;
|
|
|
+ }
|
|
|
+ }
|
|
|
+ }
|
|
|
+ }
|
|
|
+
|
|
|
+ // el-dialog 弹窗 class el-overlay
|
|
|
+ .el-overlay {
|
|
|
+ .el-dialog__header {
|
|
|
+ background: none; // 去除弹窗 header 背景图片
|
|
|
+ }
|
|
|
+ }
|
|
|
+
|
|
|
+ .el-loading-mask {
|
|
|
+ .el-loading-spinner {
|
|
|
+ .path {
|
|
|
+ stroke: #2169c3;
|
|
|
+ }
|
|
|
+
|
|
|
+ .el-loading-text {
|
|
|
+ color: #2169c3 !important;
|
|
|
+ }
|
|
|
+ }
|
|
|
+ }
|
|
|
+
|
|
|
+ // select 组件
|
|
|
+ .el-select {
|
|
|
+ .el-select__tags {
|
|
|
+ .el-tag {
|
|
|
+ background: #000;
|
|
|
+
|
|
|
+ .el-icon-close {
|
|
|
+ background-color: transparent;
|
|
|
+ border : 1px solid #fff;
|
|
|
+ }
|
|
|
+ }
|
|
|
+ }
|
|
|
+ }
|
|
|
+
|
|
|
+ // 组件下拉选框
|
|
|
+ .el-popper {
|
|
|
+ &.el-cascader__dropdown[role="tooltip"] {
|
|
|
+ background : @picker-bg-color;
|
|
|
+ border-color: @picker-bg-color;
|
|
|
+
|
|
|
+ .el-cascader-menu {
|
|
|
+ border-color: @gray;
|
|
|
+ }
|
|
|
+
|
|
|
+ .el-cascader-node:not(.is-disabled):focus,
|
|
|
+ .el-cascader-node:not(.is-disabled):hover {
|
|
|
+ background: fade(@green, 20);
|
|
|
+ color : @green;
|
|
|
+ }
|
|
|
+
|
|
|
+ .el-cascader-node.in-active-path,
|
|
|
+ .el-cascader-node.is-active,
|
|
|
+ .el-cascader-node.is-selectable.in-checked-path {
|
|
|
+ color: @green;
|
|
|
+ }
|
|
|
+ }
|
|
|
+
|
|
|
+ &.el-select__popper[role="tooltip"] {
|
|
|
+ border-color: @picker-bg-color;
|
|
|
+ background : @picker-bg-color;
|
|
|
+
|
|
|
+ .el-cascader-menu {
|
|
|
+ border-color: @gray;
|
|
|
+ }
|
|
|
+
|
|
|
+ .el-select-dropdown__item.hover,
|
|
|
+ .el-select-dropdown__item:hover {
|
|
|
+ background: fade(rgb(26, 92, 175), 20);
|
|
|
+ color : rgb(223, 232, 250);
|
|
|
+
|
|
|
+ // color : #fff;
|
|
|
+ // background-color: rgb(37, 112, 206);
|
|
|
+ // border : 0;
|
|
|
+ }
|
|
|
+
|
|
|
+ .el-select-dropdown__item.selected {
|
|
|
+ background : transparent;
|
|
|
+ color : rgb(26, 92, 175);
|
|
|
+ border-color: rgb(26, 92, 175);
|
|
|
+ }
|
|
|
+ }
|
|
|
+ }
|
|
|
+
|
|
|
+ // 日期选择组件
|
|
|
+ .el-picker__popper.el-popper[role="tooltip"] {
|
|
|
+ border-color: @picker-bg-color !important;
|
|
|
+ background : @picker-bg-color !important;
|
|
|
+ }
|
|
|
+
|
|
|
+ .el-picker-panel__footer {
|
|
|
+ background: @picker-bg-color ;
|
|
|
+
|
|
|
+ .el-button--text {
|
|
|
+ color: #fff;
|
|
|
+ }
|
|
|
+
|
|
|
+ .el-button.is-plain {
|
|
|
+ color : #67b9ff;
|
|
|
+ border-color: #67b9ff;
|
|
|
+ }
|
|
|
+ }
|
|
|
+
|
|
|
+ .el-date-editor.is-active,
|
|
|
+ .el-date-editor.is-active:hover,
|
|
|
+ .el-date-editor.is-focus .el-input__inner {
|
|
|
+ border-color: rgb(26, 92, 175);
|
|
|
+ }
|
|
|
+
|
|
|
+ .date-select.el-picker__popper.el-popper[role="tooltip"] .el-picker-panel .el-date-table td.current:not(.disabled) span,
|
|
|
+ .el-picker-panel.el-date-range-picker .el-date-range-picker__content .el-date-table td.end-date span,
|
|
|
+ .el-picker-panel.el-date-range-picker .el-date-range-picker__content .el-date-table td.start-date span {
|
|
|
+ background: rgb(26, 92, 175);
|
|
|
+ }
|
|
|
+
|
|
|
+ .date-select.el-picker__popper.el-popper[role="tooltip"] .el-picker-panel .el-date-table td.available:hover {
|
|
|
+ color: rgb(26, 92, 175);
|
|
|
+ }
|
|
|
+
|
|
|
+ .el-date-picker__header {
|
|
|
+
|
|
|
+ .el-icon-d-arrow-left:hover,
|
|
|
+ .el-icon-arrow-left:hover,
|
|
|
+ .el-date-picker__header-label:hover,
|
|
|
+ .el-icon-d-arrow-right:hover,
|
|
|
+ .el-icon-arrow-right:hover {
|
|
|
+ color: rgb(26, 92, 175);
|
|
|
+ }
|
|
|
+ }
|
|
|
+
|
|
|
+ .el-picker-panel {
|
|
|
+ .el-time-panel {
|
|
|
+ border-color : #fff;
|
|
|
+ background-color: rgb(3, 7, 19);
|
|
|
+ box-shadow : var(--el-box-shadow-light);
|
|
|
+ }
|
|
|
+
|
|
|
+ .el-time-spinner__item {
|
|
|
+ color: rgb(223, 232, 250);
|
|
|
+
|
|
|
+ &.active {
|
|
|
+ color: #67b9ff;
|
|
|
+ }
|
|
|
+
|
|
|
+ &:hover:not(.disabled):not(.active) {
|
|
|
+ background: fade(rgb(26, 92, 175), 75);
|
|
|
+ }
|
|
|
+ }
|
|
|
+
|
|
|
+ .el-time-panel__footer {
|
|
|
+ background: rgb(3, 7, 19);
|
|
|
+ }
|
|
|
+
|
|
|
+ .el-time-panel__btn.cancel {
|
|
|
+ color: #fff,
|
|
|
+ }
|
|
|
+
|
|
|
+ .el-time-panel__btn.confirm {
|
|
|
+ color: #67b9ff,
|
|
|
+ }
|
|
|
+ }
|
|
|
+
|
|
|
+ .date-select.el-picker__popper.el-popper[role="tooltip"] .el-picker-panel .el-date-picker__editor-wrap .el-time-panel .el-time-panel__content {
|
|
|
+ background: transparent;
|
|
|
+ }
|
|
|
+
|
|
|
+ // el-tree
|
|
|
+ .el-tree.el-tree--highlight-current .el-tree-node.is-current>.el-tree-node__content {
|
|
|
+ color: #67b9ff;
|
|
|
+ }
|
|
|
+
|
|
|
+ .el-tree .el-tree-node__content:hover,
|
|
|
+ .el-tree .el-upload-list__item:hover {
|
|
|
+ color: #67b9ff;
|
|
|
+ }
|
|
|
+
|
|
|
+ // el-radio
|
|
|
+ .el-overlay .el-radio-group .el-radio-button__original-radio:checked+.el-radio-button__inner {
|
|
|
+ background-color: rgba(#67b9ff, 0.75);
|
|
|
+ }
|
|
|
+
|
|
|
+ .el-overlay .el-radio-group .el-radio-button__original-radio+.el-radio-button__inner {
|
|
|
+ border-color: #2169c3;
|
|
|
+ }
|
|
|
+
|
|
|
+ .el-overlay .el-radio-group .el-radio-button__original-radio+.el-radio-button__inner {
|
|
|
+ background: rgba(0, 0, 0, 0.5);
|
|
|
+ }
|
|
|
+
|
|
|
+ // 确认弹窗
|
|
|
+ .el-overlay .el-message-box {
|
|
|
+ background: rgba(3, 7, 19, 0.95);
|
|
|
+ border : 1px solid rgba(33, 105, 195, 0.5);
|
|
|
+ box-shadow: 0px 8px 17px 1px rgba(33, 105, 195, 0.3);
|
|
|
+
|
|
|
+ .el-message-box__btns {
|
|
|
+ .el-button.el-button--primary {
|
|
|
+ color : #fff;
|
|
|
+ background-color: rgb(37, 112, 206);
|
|
|
+ border : 0;
|
|
|
+
|
|
|
+ &:hover {
|
|
|
+ color : rgb(223, 232, 250);
|
|
|
+ background: rgb(26, 92, 175);
|
|
|
+ }
|
|
|
+ }
|
|
|
+ }
|
|
|
+ }
|
|
|
+
|
|
|
+ // 分页器
|
|
|
+ .el-pagination {
|
|
|
+ .el-pagination__sizes {
|
|
|
+ .el-input {
|
|
|
+ .el-input__inner:hover {
|
|
|
+ border-color: #47aee7;
|
|
|
+ }
|
|
|
+ }
|
|
|
+ }
|
|
|
+
|
|
|
+ .el-pager {
|
|
|
+ li.active {
|
|
|
+ color: #47aee7;
|
|
|
+ }
|
|
|
+ }
|
|
|
+
|
|
|
+ }
|
|
|
+
|
|
|
+ // el-checkbox
|
|
|
+ .el-checkbox .el-checkbox__input.is-checked .el-checkbox__inner,
|
|
|
+ .el-checkbox .el-checkbox__input.is-indeterminate .el-checkbox__inner {
|
|
|
+ background-color: #2169c3;
|
|
|
+ border-color : #2169c3;
|
|
|
+ }
|
|
|
+
|
|
|
+ .el-checkbox .el-checkbox__input.is-checked+.el-checkbox__label {
|
|
|
+ color: #67b9ff;
|
|
|
+ }
|
|
|
+
|
|
|
+ // el-tabs
|
|
|
+ .el-tabs .el-tabs__item.is-active,
|
|
|
+ .el-tabs .el-tabs__item:hover {
|
|
|
+ color: #67b9ff;
|
|
|
+ }
|
|
|
+
|
|
|
+ .el-tabs .el-tabs__active-bar {
|
|
|
+ background-color: #67b9ff;
|
|
|
+ }
|
|
|
+
|
|
|
+ .el-tabs.el-tabs--card>.el-tabs__header .el-tabs__item.is-active {
|
|
|
+ border-bottom-color: #67b9ff;
|
|
|
+ }
|
|
|
+
|
|
|
+ .el-tabs.el-tabs--card>.el-tabs__header .el-tabs__nav {
|
|
|
+ border-color: #67b9ff;
|
|
|
+ }
|
|
|
+
|
|
|
+ .el-tabs.el-tabs--card>.el-tabs__header .el-tabs__item {
|
|
|
+ border-color: #67b9ff;
|
|
|
+ }
|
|
|
+
|
|
|
+ .el-tabs .el-tabs__item {
|
|
|
+ color: #aaa;
|
|
|
+ }
|
|
|
+
|
|
|
+ // 下拉菜单
|
|
|
+ .dropdown .el-dropdown-menu {
|
|
|
+ background: rgb(10, 23, 42);
|
|
|
+
|
|
|
+ .el-dropdown-menu__item {
|
|
|
+ color: #fff;
|
|
|
+
|
|
|
+ &:hover {
|
|
|
+ color: #67b9ff;
|
|
|
+ }
|
|
|
+ }
|
|
|
+ }
|
|
|
+
|
|
|
+ // 顶部右上角退出登录
|
|
|
+ .el-scrollbar__view.el-dropdown__list {
|
|
|
+ background: transparent;
|
|
|
+ margin : 0;
|
|
|
+ padding : 0;
|
|
|
+ }
|
|
|
+
|
|
|
+ // el-radio 选中状态
|
|
|
+ .el-radio.is-checked {
|
|
|
+ .el-radio__inner {
|
|
|
+ background : #67b9ff;
|
|
|
+ border-color: #67b9ff;
|
|
|
+ }
|
|
|
+
|
|
|
+ .el-radio__label {
|
|
|
+ color: #67b9ff;
|
|
|
+ }
|
|
|
+ }
|
|
|
+
|
|
|
+ // el-popover
|
|
|
+ .el-popover {
|
|
|
+ background: rgb(3, 7, 19);
|
|
|
+ }
|
|
|
+
|
|
|
+ // 部分页面顶部搜索条件右侧按钮
|
|
|
+ .search-wrapper {
|
|
|
+ .buttons {
|
|
|
+ color : #fff;
|
|
|
+ background-color: rgb(37, 112, 206);
|
|
|
+ border : 0;
|
|
|
+
|
|
|
+ &:hover {
|
|
|
+ color : rgb(223, 232, 250);
|
|
|
+ background: rgb(26, 92, 175);
|
|
|
+ }
|
|
|
+ }
|
|
|
+ }
|
|
|
+
|
|
|
+ // el-table
|
|
|
+ .main-body,
|
|
|
+ .warn-table,
|
|
|
+ .df-table {
|
|
|
+
|
|
|
+ .el-table,
|
|
|
+ .custom-table.el-table {
|
|
|
+ background: rgb(3, 7, 19);
|
|
|
+ border : 0px; // 包裹表格父元素边框
|
|
|
+
|
|
|
+
|
|
|
+
|
|
|
+ .el-table__row {
|
|
|
+ background: transparent; // 表格底色,因表格上层有其他颜色遮挡所以视觉效果看起来仿佛是表格边框
|
|
|
+
|
|
|
+ & .el-table__cell {
|
|
|
+ border-bottom: 1px solid rgb(17, 58, 120) !important; // 表格单元格底部边框颜色
|
|
|
+
|
|
|
+ .el-button {
|
|
|
+ color: rgb(71, 174, 231) !important;
|
|
|
+
|
|
|
+ &:active {
|
|
|
+ color: #70d0f4 !important;
|
|
|
+ }
|
|
|
+ }
|
|
|
+ }
|
|
|
+ }
|
|
|
+
|
|
|
+ &.el-table--border::after,
|
|
|
+ &.el-table--group::after,
|
|
|
+ &::before {
|
|
|
+ background-color: transparent;
|
|
|
+ }
|
|
|
+
|
|
|
+ tr {
|
|
|
+ td {
|
|
|
+ background-color: rgb(3, 7, 19); // 表格基数行背景颜色
|
|
|
+ }
|
|
|
+
|
|
|
+ &:hover td {
|
|
|
+ color : #67b9ff; // 表格基数行 hover 文字颜色
|
|
|
+ background-color: rgb(3, 7, 19) !important; // 表格基数行 hover 背景颜色
|
|
|
+ }
|
|
|
+ }
|
|
|
+
|
|
|
+ td {
|
|
|
+ border : 0px; // 表格内部除了最后一行底部以外的上下左右边框
|
|
|
+ padding : 0;
|
|
|
+ height : 37px;
|
|
|
+ line-height: 37px;
|
|
|
+ color : rgb(194, 225, 255);
|
|
|
+
|
|
|
+ &.light,
|
|
|
+ &.always-light {
|
|
|
+ color: #67b9ff !important;
|
|
|
+ }
|
|
|
+ }
|
|
|
+
|
|
|
+ th {
|
|
|
+ border : 0px;
|
|
|
+ padding : 0px;
|
|
|
+ height : 37px;
|
|
|
+ line-height: 37px;
|
|
|
+ font-weight: normal;
|
|
|
+ text-align : center;
|
|
|
+ color : rgb(85, 113, 166);
|
|
|
+ cursor : pointer;
|
|
|
+
|
|
|
+ &.is-leaf {
|
|
|
+ border: 0px;
|
|
|
+ }
|
|
|
+
|
|
|
+ &.light,
|
|
|
+ &.always-light {
|
|
|
+ color: #67b9ff !important;
|
|
|
+ }
|
|
|
+ }
|
|
|
+
|
|
|
+ th,
|
|
|
+ tr {
|
|
|
+ background-color: transparent;
|
|
|
+ border : 0px;
|
|
|
+ }
|
|
|
+
|
|
|
+ thead {
|
|
|
+ color : @gray-l;
|
|
|
+ font-weight: 500;
|
|
|
+ font-size : 14px;
|
|
|
+ border : 0px;
|
|
|
+
|
|
|
+ th,
|
|
|
+ &.is-group th {
|
|
|
+ &.el-table__cell {
|
|
|
+ background : rgb(19, 35, 71);
|
|
|
+ border-color: transparent !important;
|
|
|
+ }
|
|
|
+ }
|
|
|
+ }
|
|
|
+
|
|
|
+ .el-table__body {
|
|
|
+ border : 0px; // 表格最外侧除右边以外边框
|
|
|
+ font-size: 14px;
|
|
|
+ }
|
|
|
+
|
|
|
+ &.el-table--striped .el-table__body tr.el-table__row--striped {
|
|
|
+ td {
|
|
|
+ background-color: rgb(16, 25, 46); // 表格偶数行背景颜色
|
|
|
+ }
|
|
|
+
|
|
|
+ &:hover td {
|
|
|
+ color : #67b9ff;
|
|
|
+ background-color: rgb(16, 25, 46) !important; // 表格偶数行 hover 背景颜色
|
|
|
+ }
|
|
|
+
|
|
|
+
|
|
|
+ }
|
|
|
+
|
|
|
+ &.el-table--border,
|
|
|
+ &.el-table--group {
|
|
|
+ border: none;
|
|
|
+ }
|
|
|
+
|
|
|
+ .ascending .sort-caret.ascending {
|
|
|
+ border-bottom-color: #2169c3;
|
|
|
+ }
|
|
|
+
|
|
|
+ .descending .sort-caret.descending {
|
|
|
+ border-top-color: #2169c3;
|
|
|
+ }
|
|
|
+ }
|
|
|
+
|
|
|
+ .el-table__expanded-cell {
|
|
|
+ background: transparent;
|
|
|
+ }
|
|
|
+
|
|
|
+ .el-table__footer-wrapper tbody td {
|
|
|
+ background: #1a1f2fcc;
|
|
|
+ }
|
|
|
+ }
|
|
|
+}
|