vant的css变量不起作用，边框圆角不生效

Question

老师，你好。这节课引用的vant的样式变量–van-border-radius-max，不起作用，从调试器中看是没有这个变量，导致圆角属性不生效，（我看其他的css变量都生效了）看搜索框的样式如下：

请问是不是变量名写错了还是其他原因？

Answer 1

one_pieces 2023-01-24 11:33:03

--van-border-radius-max 变量名没有错，可以看下 main.ts 有没有 import 'vant/lib/index.css' ？

• 提问者 阿阳2017 #1

  老师，我这边加了这个引入语句。但是还是有这个错误。其他的变量都是好的。代码我已经提交到imooc上的代码仓库里（https://git.imooc.com/bwyfed/ele-h5），百忙之中能帮忙看看怎么回事吗？谢谢老师

• one_pieces 回复 提问者 阿阳2017 #2

  看了下，你用的 vant 是 4.x 版本，里面的 --van-border-radius-max 改成了 --van-radius-max，可以用 --van-radius-max 哈~