スタイルのグローバル導入
我々の開発の過程で、スタイルは、製品が最初に体によって開発された場合には、ビジュアルディスプレイの開発である、非常に重要であり、そしてボディスタイルは、服を飾るためにある、多くの場合、良いスタイルは、多くの場所に適用することができ、このこれは、繰り返し使用のスタイルを決定します。開発者のために、繰り返し、それは時間の無駄である、コード、またはコピー修正をノックだけでなく、コードを作成することは、深刻ないないようです。:この時点で、我々はいくつかの共通のパターンがそれに私たちの入り口を導き入れることができます
最初のステップ:公共のスタイルは一般的なスタイルのフォルダの下に配置する必要がある、フォルダの場所の図を
次に、に示すように、CSSファイルを作成すると、
ステップ2:入口のCSSスタイルファイルの導入
一度だけの行に引用された、あなたは他のページを使用することができます
設定しタブバーの下のナビゲーション
直接使用したコード
"タブバー":{ 「色」:「#000000」 、 テキストの色 "selectedColor": "#08C261" 、 テキストの色を選択 "のborderStyle": "黒"、 边框 "backgroundColorの": "#1 F7F7F7" 、 背景色 "リスト":[ { "あるIconPath": "静的/タブバー/ index.png"、//初期アイコン 「SelectedIconPath」:「静的/タブバー/インデックスselect.png」、後にアイコンを選択します// 「pagePath」:「ページ/タブバー /インデックス/インデックス」、 ルータ内の対応するページ 「テキスト」:「AC」 のテキスト }、 { "あるIconPath": "静的/タブバー/ mail.png"、 "selectedIconPath": "静的/タブバー/メールselect.png"、 "pagePath": "ページ/タブバー/メール/メール"、 「テキスト」:「アドレス帳」 }、
] }
|
注:タブバー2つの最小値、5まで、図に示すように、効果
設定globalStyle
"globalStyle":{ "navigationBarTextStyle": "black", //颜色 只有这个两种 (black/white) "navigationBarTitleText": "媒资系统", //名称项目 "navigationBarBackgroundColor": "#F8F8F8", 背景 "backgroundColor": "#F8F8F8", 项目名称颜色 },
|
最终配置样式