vue.js

关注公众号 jb51net

关闭
首页 > 网络编程 > JavaScript > javascript类库 > vue.js > jeecgboot-vue3查询区label居左

jeecgboot-vue3查询区label文字居左实现过程解析

作者:scott

这篇文章主要为大家介绍了jeecgboot-vue3查询区label文字居左实现过程解析,有需要的朋友可以借鉴参考下,希望能够有所帮助,祝大家多多进步,早日升职加薪<BR>

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

操作步骤

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 文字数量并不是都一样,找到特殊的单独设置其 label 宽度。

修改之后的界面效果:

以上就是jeecgboot-vue3查询区label文字居左实现过程解析的详细内容,更多关于jeecgboot-vue3查询区label居左的资料请关注脚本之家其它相关文章!

您可能感兴趣的文章:
阅读全文