style(manager/accounts): 对齐 SKILL — page-card max-width 1200px + form class 限宽

- page-card 加 max-width: 1200px (表单页标准)
- form 上 inline style='max-width:600px' → class='account-form' (避 SKILL 禁忌 inline style)
- CSS 加 .account-form { max-width: 600px } (跟 admin/Account.vue 同款)
This commit is contained in:
郭庆泰
2026-08-18 01:20:12 +08:00
parent a112ecbbbb
commit dd39fdba5c
+3 -2
View File
@@ -2,7 +2,7 @@
<div class="page-card manager-accounts">
<div class="breadcrumb">首页 / 账号管理</div>
<el-form :model="form" label-width="120px" style="max-width:600px" :rules="rules" ref="formRef">
<el-form :model="form" label-width="120px" :rules="rules" ref="formRef" class="account-form">
<el-form-item label="姓名" prop="nickName"><el-input v-model="form.nickName" placeholder="请输入姓名" /></el-form-item>
<el-form-item label="手机号" prop="phonenumber"><el-input v-model="form.phonenumber" placeholder="请输入手机号" /></el-form-item>
@@ -76,7 +76,8 @@ onMounted(loadProfile)
<style scoped>
/* 整页面板 (与 People.vue 风格一致) */
.manager-accounts { padding: 16px; }
.manager-accounts { padding: 16px; max-width: 1200px; }
.account-form { max-width: 600px; }
.breadcrumb { font-size: 13px; color: #8c8c8c; margin-bottom: 12px; }
.filter-tip { color: #909399; font-size: 12px; margin-bottom: 12px; padding-left: 120px; }
</style>