<template> <div id="app"> <!-- <img src="./assets/logo.png"> --> <router-view /> </div> </template> <script> export default { name: "App", data() { return {}; } }; </script> <style> #app { font-family: "Avenir", Helvetica, Arial, sans-serif; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; text-align: center; color: #2c3e50; height: 100%; /* margin-top: 60px; */ /* background: url("../static/img/BGIMG.png") 100% 100%; */ } /* 时间框 */ .el-date-editor .el-range-separator { color: white !important; } .el-range-input { background-color: rgba(0, 0, 0, 0) !important; } .el-picker-panel { background: #182031 !important; } .el-picker-panel [slot="sidebar"], .el-picker-panel__sidebar { background: #182031 !important; } .el-picker-panel__footer { background: #182031 !important; } .el-picker-panel__shortcut { color: #c2ceea !important; } .el-date-editor .el-range-input { color: white !important; } .el-date-range-picker__header .el-picker-panel__icon-btn { color: #fff !important; } .el-time-panel { background-color: rgb(24, 32, 49) !important; } /* 下拉框 */ .el-input__inner { background-color: rgba(0, 0, 0, 0) !important; border: 1px solid rgb(4, 51, 52) !important; color: white !important; } .el-select-dropdown, .el-cascader-menu__list{ background-color: #3c3939 !important; border: 1px solid rgb(4, 51, 52) !important; } .el-select-dropdown__item.hover, .el-select-dropdown__item:hover, .el-cascader-node:hover { background-color: rgb(4, 51, 52) !important; } .el-select-dropdown__item, .el-cascader-menu__list { color: white !important; } .el-select-dropdown__item.selected { color: #efe201 !important; } /* tabs A*/ .el-tabs { height: 100% !important; box-sizing: border-box !important; padding: 5px !important; } .el-tabs__content { height: calc(100% - 55px) !important; } .el-tabs__item { color: white !important; } .el-tabs__nav-wrap::after { content: ""; position: absolute !important; left: 0 !important; bottom: 0 !important; width: 100% !important; height: 2px !important; background-color: #e4e7ed00 !important; z-index: 1 !important; } .el-tabs__active-bar { background-color: #efe201 !important; } .el-tabs__item.is-active { color: #efe201 !important; } /* tabs B*/ /* tabs A*/ .el-tab-pane { width: 100% !important; height: 100% !important; } .el-tabs__content { height: calc(100% - 55px) !important; } .el-tabs { width: 100% !important; height: 100% !important; } .el-tabs__item { color: white !important; } /* tabs B*/ /* 表格样式 */ .el-table { background: rgba(5, 12, 30, 0) !important; } .el-table tr { background: rgba(255, 255, 255, 0.05) !important; } .el-table th { background: rgba(255, 255, 255, 0) !important; } .el-table td, .el-table th.is-leaf { border-bottom: 1px solid rgba(255, 255, 255, 0.2) !important; } .el-table--border::after, .el-table--group::after, .el-table::before { background-color: black !important; } .el-table th .cell { color: var(--white) !important; text-align: center !important; } .el-table td .cell { color: var(--white) !important; text-align: center !important; } .el-table__body-wrapper { height: calc(100% - 49px) !important; overflow-y: auto !important; background: rgba(27, 27, 28, 0) !important; } .el-table--border::after, .el-table--group::after, .el-table::before { background-color: rgba(0, 0, 0, 0) !important; } .el-table--striped .el-table__body tr.el-table__row--striped td { background: rgba(255, 255, 255, 0.05) !important; } .el-table--enable-row-hover .el-table__body tr:hover > td,.el-table__body tr.hover-row>td { background: var(--tablehover) !important; } /* 分页 A*/ .el-pagination button:disabled { background-color: #fdfdfd12 !important; color: #999 !important; } .el-pagination .btn-next, .el-pagination .btn-prev { background-color: #fdfdfd12 !important; color: white !important; } .el-pager li { background-color: #fdfdfd12 !important; color: white !important; } .el-pager li.btn-quicknext, .el-pager li.btn-quickprev { line-height: 28px !important; color: #c1c5cc !important; } /* 分页 B*/ /* 弹窗 Dialog A */ .el-dialog { background: #000000 !important; border: 1px solid rgb(102, 177, 255); } .el-dialog__title { color: aqua !important; } /* 弹窗 Dialog B */ /* 删除弹窗 */ .el-message-box { background: #000000 !important; border: 1px solid rgb(102, 177, 255); } .el-message-box__title { color: aqua !important; } .el-message-box__content { color: white !important; } /* 多选 A*/ .el-checkbox { color: white !important; } /* 多选 B*/ /* disable 样式A */ .el-input.is-disabled .el-input__inner { background-color: #1c1c1d !important; color: #c0c4cc !important; } .el-checkbox__input.is-disabled + span.el-checkbox__label { color: #878788 !important; cursor: not-allowed !important; } /* disable 样式B */ /* textarea 样式A */ .el-textarea__inner { background-color: #000000 !important; color: white !important; border: 1px solid rgb(4, 51, 52) !important; } /* textarea 样式B */ /* 新烽查询系统单独样式 A */ #NFSNo2 .el-table__header tr, #NFSNo2 .el-table__header th { padding: 0 !important; height: 40px !important; } #NFSNo2 .el-table__body tr, #NFSNo2 .el-table__body td { padding: 0 !important; height: 40px !important; } #NFSNo2 .el-table__body-wrapper { height: calc(100% - 69px) !important; overflow-y: auto !important; background: rgba(27, 27, 28, 0) !important; } /* 新烽查询系统单独样式 B */ /* 删除弹窗 */ .el-message-box { background: #000000 !important; border: 1px solid rgb(102, 177, 255); } .el-message-box__title { color: aqua !important; } .el-message-box__content { color: white !important; } /* 菜单 */ .el-menu { border-right: 0px solid #e6e6e6 !important; } /* 菜单 */ /* WhiteBorder 类名下的输入框边框都为0.5透明度的白色 用于部分表单内 巡检配置*/ .WhiteBorder .el-input__inner { background-color: rgba(0, 0, 0, 0) !important; border: 1px solid rgba(255, 255, 255, 0.5) !important; color: white !important; } /* .WhiteBorder .el-input__icon { line-height: 30px; } */ /* 树形下拉三角 */ .el-icon-arrow-right:before { content: "\E6E0"; color: chartreuse; } /* 树形样式 */ .el-tree { background: rgba(225, 225, 225, 0); } .el-tree-node__content:hover { background-color: #0b608e; /* background-color: #c1c5cc; */ } .el-tree-node:focus > .el-tree-node__content { background-color: #042d3c; } </style>