swan.setNavigationBarColor

解释:动态设置当前页面导航条的颜色。

方法参数

Object object

object参数说明

animation

animation.timingFunc 有效值

示例

扫码体验

请使用百度APP扫码

代码示例1 :

在开发者工具中预览效果

  1. <view class="container"> <view class="card-area"> <view class="top-description border-bottom"> <view>设置当前页面导航条颜色</view> <view>色值为: #ff0000</view> </view> <button bind:tap="setNavigationBarColor" type="primary" hover-stop-propagation="true">点击设置</button> </view></view>
  1. Page({ setNavigationBarColor() { swan.setNavigationBarColor({ frontColor: '#ffffff', backgroundColor: '#3C76FF', animation: { duration: 500, timingFunc: 'linear' }, success: res => { console.log('setNavigationBarColor success'); }, fail: err => { console.log('setNavigationBarColor fail', err); } }); }});

代码示例2 :

在开发者工具中预览效果

  1. Page({ setNavigationBarColor() { swan.setNavigationBarColor({ frontColor: '#000000', backgroundColor: '#3C76FF', animation: { duration: 500, timingFunc: 'linear' }, success: res => { console.log('setNavigationBarColor success'); }, fail: err => { console.log('setNavigationBarColor fail', err); } }); }});

错误码

Android

iOS