页面样式修改

zhanghua

2022-12-29 c8a167fd980901fb9aa83064d92ce04bbb9cd87e

 src/views/systemSetting/device/grid/components/main/index.vue

@@ -6,7 +6,7 @@
      <div class="grid-content">
        <!-- 数据展示 -->
        <el-table ref="multipleTable"
                  :header-cell-style="{background:'#06122c','font-size':'12px',color:'#4b9bb7','font-weight':'650','line-height':'45px'}"
                  :header-cell-style="{'font-weight':'650','line-height':'45px'}"
                  :data="tableData" style="width: 100%" :row-class-name="tableRowClassName"
                  @selection-change="tableChange">
          <el-table-column type="selection" min-width="5">
@@ -25,8 +25,6 @@
              <span>{{filterRole(scope.row.roles)}}</span>
            </template>
          </el-table-column>
          <!-- <el-table-column prop="departName" label="所属部门" min-width="8">
          </el-table-column> -->
          <el-table-column prop="jobTitle" label="所属职务" min-width="8">
          </el-table-column>
          <el-table-column prop="createTime" label="创建时间" min-width="10">
@@ -352,7 +350,7 @@
<style lang="scss" scoped>
.mainContent {
  display: flex;
  justify-content: start;
  justify-content: flex-start;
  flex-wrap: nowrap;

  .grid-content {
@@ -368,17 +366,17 @@
      }

      .el-pagination {
        &::v-deep li,
        &::v-deep .btn-prev,
        &::v-deep .btn-next {
          background-color: #071f39;
          color: #4b9bb7;
        }
        // &::v-deep li,
        // &::v-deep .btn-prev,
        // &::v-deep .btn-next {
        //   background-color: #071f39;
        //   color: #4b9bb7;
        // }

        &::v-deep .active {
          background-color: #409eff;
          color: #fff;
        }
        // &::v-deep .active {
        //   background-color: #409eff;
        //   color: #fff;
        // }
      }
    }
  }