style:修改用户弹窗样式

This commit is contained in:
shi
2025-09-05 17:28:00 +08:00
parent 78dd437746
commit db20b45f78
3 changed files with 60 additions and 36 deletions

View File

@ -1,6 +1,6 @@
<template>
<div class="p-2 editInfo">
<el-form label-position="top" ref="userFormRef" :model="form" :rules="rules" label-width="80px">
<el-form label-position="top" ref="userFormRef" :model="form" :rules="rules" label-width="80px" size="large">
<el-row>
<el-col :span="10">
<el-form-item label="用户昵称" prop="nickName">
@ -70,15 +70,15 @@
</el-col>
<el-col :span="24">
<el-form-item label="备注">
<el-input v-model="form.remark" type="textarea" placeholder="请输入内容"></el-input>
<el-input v-model="form.remark" type="textarea" :autosize="{ minRows: 3, maxRows: 3 }" placeholder="请输入内容"></el-input>
</el-form-item>
</el-col>
</el-row>
</el-form>
<!-- <div class="box_submit">
<el-button type="primary" @click="submitForm"> </el-button>
<el-button @click="cancel()"> </el-button>
</div> -->
<div class="box_submit">
<el-button size="large" @click="cancel()"> </el-button>
<el-button size="large" type="primary" @click="submitForm"> </el-button>
</div>
</div>
</template>
@ -247,12 +247,12 @@ defineExpose({ open, getInfoForm });
</script>
<style lang="scss" scoped>
.editInfo {
position: relative;
height: 100%;
display: flex;
flex-direction: column;
.box_submit {
position: absolute;
right: 10px;
bottom: 10px;
align-self: flex-end;
display: flex;
gap: 10px;
}
}
</style>