search

3lang3 / react-vant

React mobile UI Components base on Vant
https://react-vant.3lang.dev
MIT License
1.28k stars 182 forks source link

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

Closed hevi1991 closed 4 months ago

hevi1991 commented 6 months ago

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

可能有更好的解决办法

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

开发阶段： dev

打包后： build

github-actions[bot] commented 6 months ago

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

3lang3 commented 4 months ago

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

hevi1991 commented 3 months ago

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

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