样式修改

zhanghua

2022-12-27 dfb5adf5d4dc7971d9ef7c6528c302dc57f871fc

 src/views/systemSetting/baseSetting/user/components/main/index.vue

@@ -5,9 +5,7 @@
      <el-table
        ref="multipleTable"
        :header-cell-style="{
          background: '#06122c',
          'font-size': '12px',
          color: '#4b9bb7',
          'font-size': '14px',
          'font-weight': '650',
          'line-height': '45px',
        }"
@@ -44,7 +42,7 @@
          </template>
        </el-table-column>
        <el-table-column prop="status" label="启用" min-width="5">
          <template slot-scope="scope" >
          <template slot-scope="scope">
            <!-- @change="handleChangeStatus(scope.row)" -->
            <el-switch
              class="switchStyle"
@@ -73,8 +71,9 @@
                >修改部门</span
              >
              <span class="line">|</span>
              <span @click="handleChangeStatus(scope.row)">{{scope.row.status === true ?'停用':'启用' }}</span>
                               
              <span @click="handleChangeStatus(scope.row)">{{
                scope.row.status === true ? "停用" : "启用"
              }}</span>
            </div>
          </template>
        </el-table-column>
@@ -480,7 +479,7 @@
</script>
<style lang="scss" scoped>
main {
  background-color: #09152f;
  // background-color: #09152f;
  margin-top: 20px;
  padding-bottom: 50px;
  border: 1pox solid #fff;
@@ -498,7 +497,7 @@
    .funs {
      display: flex;
      .funs-sp {
        border: 1px solid #17324c;
        // border: 1px solid #17324c;
      }
      .funsItem {
        line-height: 28px;
@@ -517,18 +516,7 @@
          width: 120px;
        }

        &::v-deep .el-input__inner {
          border: none;
          background-color: #09152f;
        }

        &:hover {
          border: 1px solid #4b9bb7;
        }

        &:hover .el-checkbox {
          color: #4b9bb7;
        }
     
      }
    }

@@ -542,8 +530,8 @@
        &::v-deep li,
        &::v-deep .btn-prev,
        &::v-deep .btn-next {
          background-color: #071f39;
          color: #4b9bb7;
          // background-color: #071f39;
          // color: #4b9bb7;
        }

        &::v-deep .active {
@@ -555,8 +543,8 @@
  }

  .el-table {
    color: #4b9bb7;
    font-size: 10px;
    // color: #4b9bb7;
    // font-size: 10px;
    .operation {
      display: flex;
      font-size: 10px;
@@ -569,33 +557,5 @@
      }
    }
  }
  // &::v-deep .switchStyle .el-switch__label {
  //     position: absolute;
  //     display: none;
  //     color: #fff;
  // }

  // &::v-deep .el-switch__core {
  //     background-color: rgba(166, 166, 166, 1);
  // }

  // &::v-deep .switchStyle .el-switch__label--left {
  //     z-index: 9;
  //     left: 20px;
  // }

  // &::v-deep .switchStyle .el-switch__label--right {
  //     z-index: 9;
  //     left: 4px;
  // }

  // &::v-deep .switchStyle .el-switch__label.is-active {
  //     display: block;
  // }

  // &::v-deep .switchStyle.el-switch .el-switch__core,
  // &::v-deep .el-switch .el-switch__label {
  //     width: 56px !important;
  // }
}
</style>