ウィジェットコンポーネント-外部スタイルクラスを参照

818 ワード

ウィジェットコンポーネントを使用する場合、親コンポーネントのスタイルを直接参照するには、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