フレームビューレイヤ(4)

wxss
このパフォーマンスはcssの拡張です

寸法単位

rpxは、スクリーン幅に応じて適応することができる.規定画面幅は750 rpx.iPhone 6で画面幅が375 pxで750個の物理画素がある場合、750 rpx=375 px=750物理画素、1 rpx=0.5 px=1物理画素となる.

スタイルインポート

@import文を使用して、外注スタイルシートをインポートできます.@importの後に、インポートする必要がある外注スタイルシートの相対パスを使用します.文の終わりを表します.

/** common.wxss **/
.small-p {
  padding:5px;
}
/** app.wxss **/
@import "common.wxss";
.middle-p {
  padding:15px;
}

インラインスタイル

style:静的スタイルはclassに統一されています.styleはダイナミックなスタイルを受信し、実行時に解析を行います.レンダリング速度に影響を与えないように、静的なスタイルをstyleに書き込まないでください.

class:スタイルルールを指定するために使用され、その属性値はスタイルルールのクラスセレクタ名(スタイルクラス名)の集合であり、スタイルクラス名はつける必要はない.スタイルクラス名をスペースで区切ります.

セレクタ|セレクタ|サンプル|サンプル説明|---:---:---:---:---:---:---:---:|.class |.intro|class="intro"を持つすべてのコンポーネント|#id|#firstname|id="firstname"を持つすべてのコンポーネント|element|view|すべてのviewコンポーネント|element,element|viewを選択し、checkbo|すべてのドキュメントのviewコンポーネントとすべてのcheckboxコンポーネントを選択|::after|view::after|viewコンポーネントの後ろにコンテンツを挿入|::before|view::before|viewコンポーネントの前にコンテンツを挿入