上部ナビゲーションのフォント色と背景を変更するカスタマイズ

1121 ワード

設計要求に応じて、カスタムナビゲーションの設定を実現します.本人のブログにはトップナビゲーションを隠す書き方があります.自分で探してください.
1.現在のページのタイトルwxを動的に設定.setNavigationBarTitle(OBJECT)objectパラメータの説明:
1.属性:title-タイプ:String-必須:Yes-摘要:ページのタイトル
2.プロパティ:success-タイプ:Function-必須:No-説明:インタフェース呼び出しに成功したコールバック関数
3.属性:fail-タイプ:Function-必須:No-説明:インタフェース呼び出しに失敗したコールバック関数
4.プロパティ:complete-タイプ:Function-必須:No-説明:インタフェース呼び出しが終了したコールバック関数(呼び出しが成功したか失敗したかは実行されます)
wx.setNavigationBarTitle({
   title:" "
})

2.トップナビゲーションバーの背景色wxを動的に設定.setNavigationBarColor(OBJECT)objectパラメータの説明:
属性-タイプ-必須-説明
1.fontColor-String-Yes-ボタン、タイトル、ステータスバーの色を含む前景色の値.
2.backgroundColor-String-Yes-背景色、有効値は16進数色
3.アニメーション-Object-No-アニメーション効果
4.animation.duration-Number-No-アニメーション変更時間、デフォルト0、単位(ミリ秒)
5.animation.timingFunc-String-No-アニメーションの変更方法、デフォルトlinear
6.success-Function-No-インタフェース呼び出しに成功したコールバック関数
7.fail-Function-No-インタフェース呼び出しに失敗したコールバック関数
8.complete-Function-No-インタフェース呼び出しが終了したコールバック関数(成功、失敗は実行)
wx.setNavigationBarColor({
  frontColor:'#ffffff',
   backgroundColor:'#ff0000'
})