无人机管理后台前端(已迁走)
张含笑
2025-10-30 02b07aa1314da966a8a07ff0257fc6b240dfeb1a
src/styles/element-ui.scss
@@ -182,6 +182,7 @@
  color: #fff !important;
}
.ztzf-layer-search {
  color: #fff !important;
  background-color: transparent !important;
  .el-select__wrapper {
    background-color: transparent !important;
@@ -192,6 +193,58 @@
  .el-popper.is-light {
    background-color: transparent !important;
  }
  // .el-select__placeholder {
  // color: #fff !important;}
}
.ztzf-select-popper.el-select__popper {
   border:#2D2D2D !important;
   .el-select-dropdown {
      overflow-x: hidden !important;
      .el-scrollbar {
         .el-select-dropdown__wrap {
            background: linear-gradient(180deg, rgba(13, 53, 86, 0.85) 0%, rgba(1, 35, 80, 0.85) 100%);
            border-radius: 0px 0px 8px 8px;
            border: 1px solid;
        border-image: linear-gradient(180deg, #fff, #fff) 1 1;
            overflow-x: hidden !important;
            margin-right: 0 !important;
            .el-select-dropdown__list {
               padding: 0 !important;
               .el-select-dropdown__item {
                  background: #2D2D2D !important;
                  color: white;
                  &.hover {
                     background-color: #2D2D2D !important;
                     color: white;
                  }
                  &.selected {
                     color: #fff !important;
                     font-weight: 700;
                  }
               }
            }
         }
      }
      .el-select-dropdown__empty {
         background: #2D2D2D;
         border-radius: 0px 0px 8px 8px;
         border: 1px solid;
         border-image: linear-gradient(180deg, #fff, #fff) 1 1;
      }
   }
   .el-popper__arrow::before {
      background: #2D2D2D !important;
      border: 1px solid #fff !important;
   }
}
//======以下针对表格功能 增删查改样式和弹窗=========