小程序学习笔记-全局配置、底部导航实现（1）

全局配置、底部导航实现

一、全局配置（app.json里面）
1.页面注册

"pages": [
        "pages/index/index",
        "pages/news/news",
        "pages/user/user",
        "pages/logs/logs"
    ],

2.底部导航实现

"tabBar": {
        "list": [
            {
                "pagePath": "pages/index/index",
                "text": "首页",
                "iconPath": "images/home.png",
                "selectedIconPath": "images/home-active.png"
            },
            {
                "pagePath": "pages/news/news",
                "text": "新闻",
                "iconPath": "images/news.png",
                "selectedIconPath": "images/news-active.png"
            },
            {
                "pagePath": "pages/user/user",
                "text": "我的",
                "iconPath": "images/main.png",
                "selectedIconPath": "images/main-active.png"
            }
        ]
    },

效果如下
注意：更改页面注册第一个的位置顺序即默认显示

3.修改窗体导航的样式

"window": {
        "navigationBarBackgroundColor": "#000",
        "navigationBarTextStyle": "white",
        "navigationBarTitleText": "我的小程序",
        "backgroundColor": "gray",
        "backgroundTextStyle": "dark",
        "enablePullDownRefresh": true
    },

效果如下

4.下拉刷新