fix(system): 修复部门管理操作列错位问题并统一客商档案弹窗风格
- 修复/system/dept页面操作列竖排错位问题,通过提升CSS选择器特异性并强制inline-flex布局 - 在department页面添加scoped样式,双保险保证操作列横排显示及间距正确 - 将客商档案/vehicle/customer-archive中的表单分组和弹窗内容统一改为section-card组件风格 - 清理废弃旧样式类,提升界面一致性及可维护性 - 调整相关弹窗中卡片内容结构,消除双层灰色背景,使弹窗风格与/business/project-apply一致 - 对评分、联系人、收款信息、发票信息、客商材料、变更记录和证明材料等模块使用全局section-card组件包裹 - 优化样式细节,确保按钮组进入卡头右侧,保证操作体验一致 - 验证构建成功及热更新生效,提醒用户发布需清除旧CSS缓存
This commit is contained in:
@@ -550,12 +550,16 @@
|
||||
}
|
||||
|
||||
// 全站统一:Avue 操作列文字链接保持间距并支持自动换行
|
||||
.avue-crud .avue-crud__menu {
|
||||
// 注意:Avue 自带 .avue-crud .avue-crud__menu{display:block}(特异性同为 0,2,0)。
|
||||
// 此处重复类名升至 0,3,0 并强制 display:inline-flex !important,彻底压过 Avue 内置样式,
|
||||
// 避免 dev 模式下 CSS 注入顺序导致 .avue-crud__menu 退化成 block 而让操作项竖排错位。
|
||||
.avue-crud .avue-crud__menu.avue-crud__menu {
|
||||
display: inline-flex !important;
|
||||
flex-wrap: wrap;
|
||||
gap: 8px;
|
||||
align-items: center;
|
||||
justify-content: start;
|
||||
width: 100% !important;
|
||||
text-align: left;
|
||||
}
|
||||
|
||||
|
||||
Reference in New Issue
Block a user