コンポーネントのスタイル
対応する構成要素 wxss
スタイルファイル、アセンブリwxml内のノードの力にのみエントリー。スタイルの要素を記述するとき、次の点に注意してください。
- ページ・コンポーネントと参照成分(IDセレクタを使用することができない
#a
)、属性セレクタ([a]
)とタグ名セレクタは、クラスセレクタを使用します。 - 参照子孫セレクタで使用されるページの構成部品とアセンブリ(
.a .b
)いくつかの極端な場合には、そのような場合など、予期せぬパフォーマンス、があるだろうが、避けてください。 - 子要素セレクタ(
.a>.b
)のみを使用することができるview
成分およびその子ノードとの間に、他の構成要素は、意図しないをもたらし得ます。 - 遺伝パターンは、例えば
font
、color
あろうアセンブリに外成分から継承します。 - スタイル、継承に加えて
app.wxss
(あなたのスタイルコンポーネントの分離オプションを変更しない限り)カスタムコンポーネントの集合体が有効でないページのスタイルでスタイルを。
これは、ソリューションを発生します。
/* 组件 custom-component.js */
Component({
options: { addGlobalClass: true, } })