ウィジェットコンポーネント-外部スタイルクラスを参照
818 ワード
ウィジェットコンポーネントを使用する場合、親コンポーネントのスタイルを直接参照するには、
注:同じノードで通常スタイルクラスと外部スタイルクラスを使用する場合、2つのクラスの優先度は定義されていませんので、このようなことは避けたほうがいいです.
親コンポーネントでは、2つのスタイルクラス
親コンポーネントの設定が完了したら、対応するラベル属性名を
externalClasses
で定義します.(このプロパティは、小プログラムベースライブラリバージョン1.9.90ベースライブラリからサポートされています).注:同じノードで通常スタイルクラスと外部スタイルクラスを使用する場合、2つのクラスの優先度は定義されていませんので、このようなことは避けたほうがいいです.
親コンポーネントでは、2つのスタイルクラス
star
およびstar-active
を子コンポーネントにインポートしたい
// wxss
.star {
font-size: 28rpx;
margin-right: 5rpx;
color: #ddd;
}
.star-active {
color: orange;
}
親コンポーネントの設定が完了したら、対応するラベル属性名を
externalClasses
に設定すれば使用できます.Component({
externalClasses: ['star', 'star-active']
...
})
// wxml
hello world