Newer
Older
operation_web / src / App.vue
@zhangqy zhangqy on 3 Dec 2019 4 KB 修改样式
<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-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: #2c3642 !important;
}
.el-dialog__title {
  color: aqua !important;
}
/* 弹窗 Dialog 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 */
</style>