3.x版本，button的css变量圆角参数，如果不是默认大小就会被覆盖失效

[Ryan-CW-Code]

NutUI React 包名

@nutui/nutui-react-taro

NutUI React 版本号

3.0.6

平台

weapp

重现链接

无

重现步骤

button组件当指定的size不是normal时，css变量定义圆角大小的属性会失效。比如button组件的css文件中，nut-button-large样式带有默认border-radius，导致css变量对应的classnut-button-round-large失效

期望的结果是什么？

css变量正常生效

实际的结果是什么？

css变量没有生效

环境信息

No response

其他补充信息

No response

[xiaoyatong]

可以发下你们的button的large的设计图不，我们在常规规范化的同时，减少一下变量的设置。

[Ryan-CW-Code]

感谢，我们的规范并不完整。 主体风格是nutui2.x时代的大圆角

[xiaoyatong]

我了解了~~ 您们用的之前的 button-large-border-radius 变量~ 然后目前只改了 theme 这个文件是吧~~
可以尝试 增加 一个 variable-xxx 文件，可以看下src/styles 目录下的这个文件。
这样就可以完全实现咱们项目自己的样式主题了~不会受限于我们的样式文件。

[Ryan-CW-Code]

这个issue的问题，使用variables进行配置应该也无法解决。
原谅我不是很懂scss，大致看了一下variables文件的变量定义，里面用到了大量的css变量，我们项目也是使用css变量也定义主题的。

我们定义css变量--nutui-button-large-border-radius为9999px，在这里就等效为button-large-border-radius为9999px。
button-large-border-radius在button的样式文件中这样使用

但是因为large也定义了border-radius

然后按照class的优先级，后定义的优先级高，导致css变量--nutui-button-large-border-radius没有起到效果

[xiaoyatong]

那要改一下。