修改样式

ColorWhiteDeveloper

2022-09-19 2706a375cc779a77674c9f3df3833d9a3f804d59

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

@@ -24,10 +24,10 @@
                    :data="tableData" style="width: 100%" :row-class-name="tableRowClassName">
                    <el-table-column type="selection" width="55">
                    </el-table-column>
                    <el-table-column label="用户ID" width="67">
                    <el-table-column label="用户ID" width="80">
                        <template slot-scope="scope">{{ scope.row.id }}</template>
                    </el-table-column>
                    <el-table-column prop="nickName" label="用户名称" width="82">
                    <el-table-column prop="nickName" label="用户名称" width="100">
                    </el-table-column>
                    <el-table-column prop="username" label="所属姓名" width="76">
                    </el-table-column>
@@ -41,14 +41,14 @@
                    </el-table-column>
                    <el-table-column prop="createTime" label="创建时间" width="128">
                    </el-table-column>
                    <el-table-column prop="status" label="启用" width="90">
                    <el-table-column prop="status" label="启用" width="120">
                        <template slot-scope="scope">
                            <el-switch class="switchStyle" v-model="scope.row.status" active-text="开" inactive-text="关"
                                active-color="#3fef9a" inactive-color="#000212" @change="handleChangeStatus(scope.row)">
                            </el-switch>
                        </template>
                    </el-table-column>
                    <el-table-column prop="operation" label="操作" width="246">
                    <el-table-column prop="operation" label="操作" width="366">
                        <template slot-scope="scope">
                            <div class="operation">
                                <!-- <span @click="handleChangeRole(scope.row)">修改角色</span> -->
@@ -137,7 +137,7 @@

    header {
        background-color: #09152f;

        border: 1pox solid #fff;
        .headerContent {
            padding: 0 40px;
            display: flex;
@@ -183,10 +183,10 @@

    main {
        background-color: #09152f;
        margin-top: 20px;
        padding-top: 20px;
        // padding: 0 40px;
        padding-bottom: 50px;

        border: 1pox solid #fff;
        .mainTitle {
            line-height: 60px;
        }
@@ -196,7 +196,6 @@
.el-table {
    color: #4b9bb7;
    font-size: 10px;

    .operation {
        display: flex;
        // justify-content: space-around;
@@ -209,7 +208,9 @@
        }
    }
}

.el-dialog__header,.el-dialog__body{
    background-color: #06122c;
}
.el-table .warning-row {
    background: #06122c;
}