一:APP.json

定义:全局配置文件、包括页面组成、窗口背景色、导航条、标题(不能添加任何注释)
前言:app.json是不允许任何注释的,本篇为了入门记忆,所以加了注释条

{
    //    小程序文件组成配置路径 (每增加一个页面需要在pages中添加一次路径 否则找不到页面)
    "pages": [
        "page/component/index",
        "page/component/pages/view/view",
        "page/component/pages/scroll-view/scroll-view",
        "page/component/pages/swiper/swiper"
    ],

    //    小程序默认样式 [导航栏标题颜色、导航栏标题文字内容、导航栏背景颜色、
    //    文字背景色、是否开启下拉刷新] (颜色值为十六进制)
    "window": {
        "navigationBarTextStyle": "black",
        "navigationBarTitleText": "演示",
        "navigationBarBackgroundColor": "#F8F8F8",
        "backgroundColor": "#F8F8F8",
        "enablePullDownRefresh" : true 
    },

    //    小程序 [文字颜色、文字选中颜色、tabbar上边框的颜色(仅支持 black/white)、
    //    tab栏背景色、列表按钮(最少2最多5)]
    "tabBar": {
        "color": "#7A7E83",
        "selectedColor": "#3cc51f",
        "borderStyle": "black",
        "backgroundColor": "#ffffff",
        //    iconPath 规定81*81px 大小40kb 不支持网络icon (position-top时不显示)
        "list": [
            {
                "pagePath": "page/component/index",
                "iconPath": "image/icon_component.png",
                "selectedIconPath": "image/icon_component_HL.png",
                "text": "组件"
            },{
                "pagePath": "page/API/index",
                "iconPath": "image/icon_API.png",
                "selectedIconPath": "image/icon_API_HL.png",
                "text": "接口"
            }
        ],
        "position" : bottom / top
    },

    //    小程序设置网络超时时间
    "networkTimeout": {
        "request": 10000,
        "connectSocket": 10000,
        "uploadFile": 10000,
        "downloadFile": 10000
    },

    //    小程序debug模式 开发者可以快速定位一些常见的问题
    "debug": false
}

二:创建页面及页面组成

定义内容: 页面路径必须在app.json中注册; 页面由 wxml、wxss、json、js组成

wxml : 组成页面结构 类似html
wxss : 页面样式文件 类似css 官方提供字体单位:rpx
json : 定义window的配置内容 只对当前配置的窗口起作用
js : 页面初始化数据和逻辑