- <template>
- <div id="app">
- <!-- <img src="./assets/logo.png"> -->
- <router-view />
- </div>
- </template>
-
- <script>
- export default {
- name: "App"
- };
- </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; */
- }
- /* 时间框 */
- .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 {
- background-color: #3c3939 !important;
- border: 1px solid rgb(4, 51, 52) !important;
- }
- .el-select-dropdown__item.hover,
- .el-select-dropdown__item:hover {
- background-color: rgb(4, 51, 52) !important;
- }
- .el-select-dropdown__item {
- 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: white !important;
- text-align: center !important;
- }
-
- .el-table td .cell {
- color: 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 {
- background: rgb(4, 51, 52) !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 */
- #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;
- }
- /* 菜单 */
- </style>