关于vue3:jeecgbootvue3-查询区-label-文字居左实现

以系统管理中的零碎角色界面为例 

操作步骤

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 宽度。

批改之后的界面成果:

评论

发表回复

您的邮箱地址不会被公开。 必填项已用 * 标注

这个站点使用 Akismet 来减少垃圾评论。了解你的评论数据如何被处理