jeecgboot-vue3查询区label文字居左实现过程解析
更新时间:2023年08月24日 09:10:17 作者: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居左的资料请关注脚本之家其它相关文章!
相关文章
使用axios发送post请求,将JSON数据改为form类型的示例
今天小编就为大家分享一篇使用axios发送post请求,将JSON数据改为form类型的示例,具有很好的参考价值,希望对大家有所帮助。一起跟随小编过来看看吧2019-10-10
最新评论