美文网首页
jeecgboot-vue3 查询区 label 文字居左实现

jeecgboot-vue3 查询区 label 文字居左实现

作者: JEECG | 来源:发表于2023-08-16 13:48 被阅读0次
以系统管理中的系统角色界面为例

操作步骤

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

修改之后的界面效果:

相关文章

网友评论

      本文标题:jeecgboot-vue3 查询区 label 文字居左实现

      本文链接:https://www.haomeiwen.com/subject/zjwkmdtx.html