refactor(table): 统一调整全仓表格操作列宽度及按钮样式
- 将所有操作按钮数量≤3的表格操作列宽度统一调整为180px - 调整涉及全局默认值、各模块和页面中menuWidth显式设定 - 单独修改/authority/role页面操作列宽度为240px,/system/menu及流程配置对应调为220px - 通过CSS新规则视觉统一Avue内置操作按钮为el-link链接样式,无功能变更 - 优化通知公告操作列宽度,解决三按钮链接换行问题 - 调整首页Logo图标尺寸及边距以适配设计需求 - 保证所有相关改动经过npm run build验证通过
This commit is contained in:
@@ -596,6 +596,34 @@
|
||||
font-weight: normal;
|
||||
}
|
||||
|
||||
// 全站统一:Avue 内置行操作按钮(查看 / 编辑 / 删除 / 复制等)视觉对齐为 el-link 链接样式。
|
||||
// 选择器仅命中表格行操作列 .avue-crud__menu 内的 is-text 按钮,不误伤顶部工具栏(.avue-crud__header)
|
||||
// 与弹窗按钮(.avue-crud__dialog__menu)。事件(rowView/rowEdit/rowDel)与权限(permission 指令)
|
||||
// 由 Avue 自带,此处只改外观,零功能影响。
|
||||
.avue-crud__menu > .el-button.is-text {
|
||||
height: auto;
|
||||
padding: 0;
|
||||
border: none;
|
||||
background: transparent;
|
||||
color: var(--el-color-primary);
|
||||
font-weight: normal;
|
||||
|
||||
&:hover,
|
||||
&:focus,
|
||||
&:active {
|
||||
background: transparent;
|
||||
color: var(--el-color-primary-light-3);
|
||||
text-decoration: underline;
|
||||
}
|
||||
|
||||
&.is-disabled,
|
||||
&.is-disabled:hover {
|
||||
background: transparent;
|
||||
color: var(--el-color-primary-light-5);
|
||||
text-decoration: none;
|
||||
}
|
||||
}
|
||||
|
||||
@media (max-width: 768px) {
|
||||
.avue-crud__pagination .el-pagination,
|
||||
.empty-pagination .el-pagination,
|
||||
|
||||
Reference in New Issue
Block a user