微信小程序开发笔记⑬——窗口监控、动态设置导航栏、动态设置tabBar、动态设定背景颜色、页面滚动和动画制作

窗口监听

官方描述
https://developers.weixin.qq.com/miniprogram/dev/api/ui/window/wx.onWindowResize.html

监控窗口的大小时候发生了变化

<view>
  <button bindtap="window">窗口监听操作</button>
</view>

/**
 * 窗口大小改变监听事件
 */
window:function(){
   
  wx.onWindowResize((result) => {
   
    console.log(res)
  })
},

动态设置导航栏

官方描述
https://developers.weixin.qq.com/miniprogram/dev/api/ui/navigation-bar/wx.showNavigationBarLoading.html

<view>
  <button bindtap="navigationBar">动态设置导航栏</button>
</view>

/**
 * 设置动态导航栏
 */
  /**
   * 设置动态导航栏
   */
navigationBar:function(){
   
  // 设置导航栏的颜色
  wx.setNavigationBarColor({
   
    backgroundColor: '#ff0000',
    frontColor: '#ffffff'
  })
  
  // 设置导航栏的标题
  wx.setNavigationBarTitle({
   
    title: '微信界面设置'
  })

  // 设置导航条的加载动画
  wx.showNavigationBarLoading()

  // 3秒后隐藏导航条加载动画
  setTimeout(() =>