以系统管理中的零碎角色界面为例
操作步骤
1. 通过路由或者工具找到以后代码所在的文件
src/views/system/role/index.vue
2. 找到 useListPage 调用,fromConfig 对象退出 labelWidth 和 rowProps 属性
formConfig: {
labelWidth: 65, // 设置所有的 label 宽
rowProps: {gutter: 24}, // 给 row 加上间距
schemas: searchFormSchema,
},
3. 因为 label 文字数量并不是都一样,找到非凡的独自设置其 label 宽度。
批改之后的界面成果: