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

今儿咱接着做初步界面
上回咱把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"

出来的效果：

这样每一个页面都可以看到这个东西了

那么三个页面的基本内容就基本搞定了
之后我们会搭建内容

24 October 2018 18:24