Newer
Older
operation_web / src / App.vue
<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 {
  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>