从零开始学微信小程序（初步界面制作2-NavigationBar）

最新推荐文章于 2024-11-11 19:00:39 发布

扬•布路

最新推荐文章于 2024-11-11 19:00:39 发布

阅读量234

点赞数 1

文章标签：小程序从零开始导航栏

本文链接：https://blog.csdn.net/weixin_43475318/article/details/83346793

版权

今儿咱接着做初步界面
上回咱把tabbar弄完了
今儿第一件事儿把NavigationBar搞定

NavigationBar

先看一下官方文档代码

  "window":{
    "navigationBarBackgroundColor": "#ffffff",
    "navigationBarTextStyle": "black",
    "navigationBarTitleText": "微信接口功能演示",
    "backgroundColor": "#eeeeee",
    "backgroundTextStyle": "light"
  }
}

上面这个也是要写在app.json里面的
我们现在做一个普通的蓝色navigationBar

  "window": {
    "navigationBarBackgroundColor": "#0e4bef",
    "navigationBarTextStyle": "white",
    "navigationBarTitleText": "NavigationBar",
    "backgroundColor": "#eeeeee",
    "backgroundTextStyle": "light"