如題，今天我來(lái)教大家如何修改Cube-UI的默認(rèn)顏色杖虾。
首先我的項(xiàng)目是在main.js中全局引用了Cube-UI烂瘫。
用簡(jiǎn)單的按鈕來(lái)做測(cè)試。
<cube-button>Button</cube-button>
image.png
第一步找到Cube-UI的模塊包中的default.styl文件亏掀。
image.png
@require "../var/color.styl"
//引用了var中的color.styl文件
color.styl中存放的是定義的顏色忱反。
image.png
你可以在color.styl中定義你想要的顏色也可以修改原有的顏色泛释。
添加以下代碼
$color-new = red
再返回到default.styl中
找到button
image.png
修改button的顏色,把背景顏色改為我們剛剛在color.styl定義的值
// button
$btn-color := $color-white
$btn-bgc := $color-new
$btn-active-bgc := $color-blue
效果
image.png
相信看過(guò)之后也了解了styl的一些語(yǔ)法，與sass如出一轍温算，Cube-UI的顏色還是很好改的怜校。
希望可以幫助到大家。
祝注竿，早日升職加薪茄茁！
