使用組件時,組件使用者可以給組件傳入css類名,通過傳入的類名修改組件的樣式 。
如果需要使用外部樣式類修改組件的樣式,在Component中需要用extemalClassess定義若干個外部樣式類。
具體用法如下:?
?(1)在Components文件里創建custom06組件
(2)在app.json的“usinfComponents”配置項里面注冊custom06組件
?
(3)在custom06.js里添加extemalClassess定義外部樣式類。
?
?(4)在custom06.wxml使用該樣式類
(5)在頁面cart.wxml里面通過樣式類綁定類名
?(7)在cart.scss里面通過類名設置樣式
(8)展示樣式如下
?
(9)注意事項:
?注意事項:在同一個節點上,如果存在外部樣式類和普通樣式類,如下:
?兩個類的優先級是未定義的
?
?
建議:在使用外部樣式類時,樣式需要通過!important添加權重?
?
?