2023/1/11 肖辉 修改UI样式

odc.xiaohui

2023-01-11 d942877495ceea1575e64fb6d4e2972f6da10cac

 src/App.vue

@@ -55,27 +55,33 @@

.el-select-dropdown,
.popper-class {
  background-color: #17324c !important;
  // background-color: #17324c !important;
}

.el-select-dropdown__item.hover,
.el-select-dropdown__item:hover {
  background-color: #17324c !important;
  // background-color: #17324c !important;
}

.el-tree {
  background-color: #09152f !important;
  // background-color: #09152f !important;
}

.el-tree-node__content:hover,
.el-upload-list__item:hover {
  background-color: #09152f !important;
  // background-color: #09152f !important;
  color: #4b9bb7 !important;
}

.el-tree-node:focus > .el-tree-node__content {
  background-color: #070f22 !important;
  // background-color: #070f22 !important;
  color: #4b9bb7;
}

.button-addition {
  background-color: #eb5d01;
  border: 1px solid #eb5d01;
  color: #ffffff;
}

/*定义滚动条高宽及背景
@@ -83,7 +89,7 @@
::-webkit-scrollbar {
  width: 4px;
  height: 4px;
  background-color: #070f22;
  // background-color: #070f22;
}

/*定义滚动条轨道
@@ -91,7 +97,7 @@
::-webkit-scrollbar-track {
  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
  border-radius: 10px;
  background-color: #070f22;
  // background-color: #070f22;
}

/*定义滑块
@@ -105,7 +111,7 @@
// 设置dialog样式
.el-dialog__header,
.el-dialog__body {
  background-color: #06122c;
  // background-color: #06122c;
}

.el-dialog__header {
@@ -127,14 +133,25 @@
}

#app {
  .userList{

  }
  .list{

  }
  // 设置弹出框样式
  .el-dialog__title {
    color: #4b9bb7;
    color: #333;
  }
  .el-dialog__header {
    color: black;
    background-color: #DCDFE6;
    //border: 1px solid #DCDFE6;
  }

  // 设置table样式
  .el-table__empty-block {
    background-color: #09152f;
    // background-color: #09152f;
  }

  .el-table__empty-block {
@@ -146,20 +163,20 @@
  }

  .el-table .warning-row {
    background: #06122c;
    // background: #06122c;
  }

  .el-table .success-row {
    background: #071f39;
    // background: #071f39;
  }

  .el-input__inner {
    background-color: #09152f;
    border: 1px solid #17324c;
    // background-color: #09152f;
    // border: 1px solid #17324c;
  }
  .el-textarea__inner {
    background-color: #09152f;
    border: 1px solid #17324c;
    // background-color: #09152f;
    // border: 1px solid #17324c;
  }
}
.el-table__body-wrapper::-webkit-scrollbar {
@@ -177,6 +194,6 @@
  background-color: rgb(145, 143, 143); /*滚动条的背景颜色*/
}
.el-range-input {
  background-color: #09152f;
  // background-color: #09152f;
}
</style>
</style>