search

x-extends / vxe-pc-ui

Vxe UI 一个基于 vue 的 PC 端组件库
https://vxeui.com
MIT License
67 stars 11 forks source link

form dom结构新增了一层inner，导致布局属性失效 #36

Open rex-ll opened 2 weeks ago

rex-ll commented 2 weeks ago

可复现的链接（包含复现链接与示例代码）：

直接分析css就能看明白

问题描述与截图：

image

同时https://github.com/x-extends/vxe-ui-plugins/blob/main/plugin-render-antd/style.scss 这个样式也需要修改。

期望的结果：

布局正常

操作系统：

win11

浏览器版本：

newest

vue 版本：

3.5.8

vxe-pc-ui 版本：

4.2.0

vxe-table 版本：

4.7.81

是否使用当前最新版本？

rex-ll commented 2 weeks ago

image

加的这个0.6em会导致label不垂直居中，且上下gap不可控

xuliangzhan commented 2 weeks ago

建议更新到最新版本试试

rex-ll commented 2 weeks ago

建议更新到最新版本试试

更新到了4.2.5试了一下，还是没有解决，.vxe-form--item-inner的display: flex;会导致text-align: right;失效，所以form item的align: ’right‘配置还是不生效。

rex-ll commented 2 weeks ago

建议更新到最新版本试试

更新到了4.2.5试了一下，还是没有解决，.vxe-form--item-inner的display: flex;会导致text-align: right;失效，所以form item的align: ’right‘配置还是不生效。

是我这儿新旧版本的样式冲突了，用了两个不同版本的vxe-pc-ui