react-vant icon indicating copy to clipboard operation
react-vant copied to clipboard

fix(form): 表单组件属性layout为vertical,由nextjs打包后样式被层叠无效

Open hevi1991 opened this issue 1 year ago • 1 comments

react vant 3.3.3 版本,NextJS(13和14) 项目打包后,.rv-form-item--vertical .rv-field__label 优先级会被 .rv-field .rv-field__label 层叠,导致无法起作用。

可能有更好的解决办法

顺便提一提:CONTRIBUTING.mdnpm run bootstrap 脚本找不到,且可能由于NodeJS版本不统一,导致项目无法启动开发环境

开发阶段: dev

打包后: build

hevi1991 avatar Jan 17 '24 08:01 hevi1991

PR preview has been successfully built and deployed to https://react-vant-pr-696.surge.sh.

github-actions[bot] avatar Jan 17 '24 08:01 github-actions[bot]

请在业务内使用样式表覆盖,打包产物的问题需要额外修复

3lang3 avatar Mar 15 '24 02:03 3lang3

在全局引用的css样式中,添加如下代码

.rv-form-item--vertical .rv-field__label {
  width: 100% !important;
}

hevi1991 avatar Mar 21 '24 07:03 hevi1991