一、全局配置文件及常用的配置项

image.png

二、小程序窗口的组成部分

image.png

三、window 节点常用的配置项

image.png

3.1. 设置导航栏的标题

navigationBarTitleText

image.png

3.2. 设置导航栏的背景色

navigationBarBackgroundColor

image.png

3.3. 设置导航栏的标题颜色

navigationBarTextStyle

image.png

3.4. 全局开启下拉刷新功能

enablePullDownRefresh

image.png

3.5. 设置下拉刷新时窗口的背景色

backgroundColor

image.png

3.6. 设置下拉刷新时 loading 的样式

backgroundTextStyle

image.png

3.7. 设置上拉触底的距离

onReachBottomDistance

image.png

四、tabBar

image.png image.png

4.1. tabBar的6个组成部分

image.png image.png

4.2. tabBar节点的配置项

image.png

4.3. 每个tab 项的配置选项

image.png

五、示例

   "pages": [
        "pages/pickFriend/pickFriend",
        "pages/leftNote/leftNote",
        "pages/pickedNote/pickedNote",
        "pages/index/index"
    ],
    //...省略
    "tabBar": {
        "selectedColor": "#0052D9",
        "color": "#666666",
        "borderStyle": "white",
        "list": [{
            "pagePath": "pages/pickFriend/pickFriend",
            "text": "抽个对象",
            "iconPath": "/images/tabbar/tab1-inactive.png",
            "selectedIconPath": "/images/tabbar/tab1-active.png"
        }, {
            "pagePath": "pages/leftNote/leftNote",
            "text": "留的纸条",
            "iconPath": "/images/tabbar/tab2-inactive.png",
            "selectedIconPath": "/images/tabbar/tab2-active.png"
        }, {
            "pagePath": "pages/pickedNote/pickedNote",
            "text": "抽中纸条",
            "iconPath": "/images/tabbar/tab3-inactive.png",
            "selectedIconPath": "/images/tabbar/tab3-active.png"
        }]
    },