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

odc.xiaohui

2023-01-11 d942877495ceea1575e64fb6d4e2972f6da10cac

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

@@ -5,12 +5,12 @@
                <span>筛选条件:</span>
                <el-input placeholder="请输入内容" v-model="search"></el-input>
                <div class="findBtn">
                    <el-button type="primary" @click="setSearch">查询</el-button>
                    <el-button class="find-Btn" type="primary" @click="setSearch">查询</el-button>
                </div>
            </div>
            <div class="addUser">
                <!-- :before-close="handleClose" -->
                <el-button class="addBtn" type="primary" @click="dialogCreate = true">添加用户</el-button>
                <el-button class="addBtn button-addition" type="primary" @click="dialogCreate = true">添加用户</el-button>
                <el-dialog :visible.sync="dialogCreate" title="新增账户" width="60%" v-if="dialogCreate"
                    :before-close="handleClose">
                    <createUser @sendDialog="sendDialog" />
@@ -54,8 +54,8 @@
</script>
<style lang="scss" scoped>
header {
    background-color: #09152f;
    border: 1pox solid #fff;
    // background-color: #09152f;
    border: 1px solid #fff;

    .headerContent {
        padding: 0 40px;
@@ -74,11 +74,11 @@

            .el-input {
                flex: 2;
                color: #1d3f57;
                // color: #1d3f57;

                &::v-deep .el-input__inner {
                    background-color: #09152f;
                    border: 1px solid #17324c;
                    // background-color: #09152f;
                    // border: 1px solid #17324c;
                }
            }

@@ -93,18 +93,17 @@

            .el-button {
                padding: 12px 25px;
                border-radius: 20px;

            }
        }

        .addBtn {
            background-color: #eb5d01;
            background-color: #409EFF;
            border: none;
            border-radius: 20px;
            padding: 12px 30px;
        }


    }
}
</style>
</style>