微信小程序开发-导航条

最新推荐文章于 2021-03-18 13:12:29 发布

黑猫中校

最新推荐文章于 2021-03-18 13:12:29 发布

阅读量584

点赞数

分类专栏：微信小程序文章标签：微信小程序

本文链接：https://blog.csdn.net/tang1392/article/details/78514770

版权

本文介绍了微信小程序中导航条的设置方法，包括在app.js全局设置、页面json单独设置和使用API动态设置。特别提到API动态设置适用于多步注册和查看详细页，并讨论了动态设置置顶栏文字内容的特性和限制。

摘要由CSDN通过智能技术生成

在小程序开发中，导航条的设置方法有几种。

One：

在app.js的window中设置，如果其他地方没有单独设置的话，这里的设置会运用到所有页面。

"window":{
    "backgroundTextStyle":"light",
    "navigationBarBackgroundColor": "#fff", 
    "navigationBarTitleText": "WeChat",
    "navigationBarTextStyle":"black",  
    "backgroundColor":"#f3f5f7",      
    "enablePullDownRefresh":true,    
    "onReachBottomDistance":50       
  }

Two：

每个页面的json当中单独设置，只能应用到本页面。

{
  "navigationBarBackgroundColor":"#ffff00",      
  "navigationBarTextStyle":"black",             
  "navigationBarTitleText":"api demo",           
  "backgroundColor":"#ccc",                  
  "backgroundTextStyle":"li