E企盈营销工具技术服务商 热线:4006-838-530

小程序开发API之导航栏的显示、隐藏及修改wx.showNavigationBarLoading、wx.setNavigationBarTitle、wx.setNavigationBarColor

E企盈直播平台营销卖货系统

效果展示wx.showNavigationBarLoading(Object object)在当前页面显示导航条加载动画wx.showNavigationBarLoading参数wx.hideNavigationBarLoading(Object object)在当前页面隐藏导航条加载动画wx.hideNavigationBarLoading参数例如:效果展示代码index.wxmlbutton bindtap=”btnClick1″ type=”primary”显示导航条加载动画/buttonbutton bindtap=”btnClick2″ type=”primary”隐藏导航条加载动画/buttonindex.wxssbutton{  margin: 20rpx;}index.jsPage({  data: { },  btnClick1:function(){    wx.showNavigationBarLoading()  },  btnClick2: function () {    wx.hideNavigationBarLoading()  }})wx.setNavigationBarTitle(Object object)动态设置当前页面的标题wx.setNavigationBarTitle参数wx.setNavigationBarColor(Object object)设置页面导航条颜色wx.setNavigationBarColor参数object.animation 的结构object.animation.timingFunc 的合法值例如:展示效果代码index.wxml!–index.wxml–button bindtap=”btnClick1″ type=”primary”显示导航条加载动画/buttonbutton bindtap=”btnClick2″ type=”primary”隐藏导航条加载动画/buttonbutton bindtap=”btnClick3″ type=”primary”设置当前页面的标题/buttonbutton bindtap=”btnClick4″ type=”primary”设置页面导航条颜色/buttonindex.wxssbutton{  margin: 20rpx;}index.js/*wx.setNavigationBarColor属性  frontColor   前景颜色值,包括按钮、标题、状态栏的颜色,仅支持 #ffffff 和 #000000  backgroundColor  背景颜色值,有效值为十六进制颜色  animation    动画效果*//*animation    动画效果  duration   动画变化时间,单位 ms  timingFunc  动画变化方式 ‘linear’   动画从头到尾的速度是相同的、’easeIn’  动画以低速开始、’easeOut’   动画以低速结束、’easeInOut’   动画以低速开始和结束*/Page({  data: {   },  btnClick1:function(){    wx.showNavigationBarLoading()  },  btnClick2: function () {    wx.hideNavigationBarLoading()  },  btnClick3: function () {    wx.setNavigationBarTitle({      title: ‘改变后的导航栏文字’,    })  },  btnClick4: function () {    wx.setNavigationBarColor({      frontColor: ‘#000000’,//前景颜色值,包括按钮、标题、状态栏的颜色,仅支持 #ffffff 和 #000000      backgroundColor: ‘#FF9797’,      animation:{        duration:1000,        timingFunc: ‘easeInOut’      }    })  },})

赞(0) 打赏
未经允许不得转载:E企盈小程序开发-热线:4006-838-530 » 小程序开发API之导航栏的显示、隐藏及修改wx.showNavigationBarLoading、wx.setNavigationBarTitle、wx.setNavigationBarColor
分享到: 更多 (0)
E企盈小程序直播营销卖货系统
E企盈直播平台营销卖货系统

评论 抢沙发

E企盈小程序开发

联系我们联系我们

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

微信扫一扫打赏