style(crud): 统一操作列宽度并调整内容左对齐
- 将全站 Avue CRUD 操作列宽度统一修改为 180px,替换原有不同宽度配置 - 修正部分页面菜单宽度从 160、220、250、300、350 等多值变为统一 180 - 新增全局样式,实现操作列内容左对齐,解决内置右对齐不统一问题 - 统一所有“删 除”按钮文本为“删除”,提升文案一致性 - 根据 cargo-type 参考,精简全站操作列宽度,提升界面紧凑度和一致性 - 说明风险:部分按钮较多页面可能出现换行或溢出,需单独处理
This commit is contained in:
@@ -51,3 +51,17 @@
|
||||
- **文件**: `src/styles/element-ui.scss`
|
||||
- **改动**: 新增全局规则 `.avue-crud__menu .el-button { margin-left: 4px; margin-right: 0; padding: 0 4px }`
|
||||
- **效果**: 全站 CRUD 操作列按钮统一为 4px 间距 + 4px 内边距,与 cargo-type 一致
|
||||
|
||||
## 全站操作列宽度统一为 160px
|
||||
|
||||
- **目标**: 参考 cargo-type(menuWidth: 160)的紧凑效果,全站统一操作列宽度
|
||||
- **改动**: ① `src/main.js` 全局默认 `menuWidth` 由 220 改为 160;② 批量将 src 下 72 处 option/vue 里显式 `menuWidth: 数字` 统一替换为 `menuWidth: 160`
|
||||
- **影响范围**: 全站所有 Avue CRUD 操作列(含自定义 menu 插槽列,menuWidth 仍控制该列宽度)
|
||||
- **风险**: 原部分页面操作按钮较多(如 tenant/customer-archive 等曾配 380~420),统一 160px 后若按钮数 > 3 可能出现换行/溢出;如某页溢出需单独放宽或精简按钮
|
||||
|
||||
## 全站操作列内容左对齐
|
||||
|
||||
- **文件**: `src/styles/element-ui.scss`
|
||||
- **原因**: cargo-type 用自定义 `#menu` 模板默认左对齐;其他页面用 Avue 内置菜单(viewBtn:true)默认右对齐
|
||||
- **改动**: 新增 `.avue-crud .el-table td .cell.avue-crud__menu { text-align: left }`
|
||||
- **效果**: 全站操作列统一左对齐
|
||||
|
||||
Reference in New Issue
Block a user