样式覆盖无效

来源:4-1 tab 组件基础实现

whatqiu

2020-03-04

图片描述
如图,按照视频修改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
写回答

2回答

ustbhuangyi

2020-03-05

//img1.sycdn.imooc.com/szimg/5e6092420903349a09700304.jpg
因为你全局引用了 cube-ui 导致 cube-ui 的默认样式覆盖了你的主题样式,既然你用了后编译和主题功能,你就应该按需引入你所需要的组件,就像课程那样。

0
0

ustbhuangyi

2020-03-05

//img.mukewang.com/szimg/5e6060650910ac4a11840488.jpg
需要加 >>>

0
1
whatqiu
老师,我疑问的是,自定义修改cube-ui主题的效果不出现(问题补充)
2020-03-05
共1条回复

Vue.js2.5+cube-ui重构饿了么App(经典再升级)

掌握Vue1.0到2.0再到2.5最全版本应用与迭代,打造极致流畅的WebApp

9868 学习 · 4162 问题

查看课程