样式覆盖无效

Question

如图，按照视频修改tab颜色，修改不成功
代码地址

问题补充

样式代码如下

而且我用“~common*******”,编译会报错

 1| @require "~cube-ui/src/common/stylus/var/color.styl"
---------------^
   2| @import "./common/styl/variable.styl"
   3|
   4| // action-sheet

failed to locate @require file ~cube-ui/src/common/stylus/var/color.styl

 1| @import "~cube-ui/src/common/stylus/variable.styl"
--------------^
   2|
   3| //$color-y := yellow
   4| //$tab-slider-bgc = red

failed to locate @import file ~cube-ui/src/common/stylus/variable.styl

Answer 1

ustbhuangyi 2020-03-05 13:47:23

因为你全局引用了 cube-ui 导致 cube-ui 的默认样式覆盖了你的主题样式，既然你用了后编译和主题功能，你就应该按需引入你所需要的组件，就像课程那样。

Answer 2

ustbhuangyi 2020-03-05 10:14:18

需要加 >>>

• 提问者 whatqiu #1

  老师，我疑问的是，自定义修改cube-ui主题的效果不出现（问题补充）