javascript小程序配置实例分析

{

  "pages":[

    "pages/index/index", //所有的页面都需要定义在该模块，否则无法显示

    "pages/logs/logs"

  ],

  "window":{  //全局的一些配置

    "backgroundTextStyle":"white",

    "navigationBarBackgroundColor": "#fff",//顶部导航栏颜色

    "navigationBarTitleText": "陌与尘埃",//顶部文字

    "navigationBarTextStyle":"black"//文字样式，支持white|black

  },

  "tabBar": {//tab选项卡

    "list": [

      {

        "iconPath": "imgs/icon/icon-home.png",//未选中状态图片地址

        "selectedIconPath": "imgs/icon/icon-home-selected.png",选中时图片地址

        "pagePath": "pages/index/index",//页面

        "text": "首页"//文字显示

      },

      {

        "iconPath": "imgs/icon/icon-usercenter.png",

        "selectedIconPath": "imgs/icon/icon-usercenter-selected.png",

        "pagePath": "pages/logs/logs",

        "text": "我的"

      }

    ],

    "color": "#000",//文字默认颜色

    "selectedColor": "#fff",//选中时文字颜色

    "backgroundColor": "#e04443",//默认tab背景

    "borderStyle": "white",

    "position": "bottom" //位置，支持bottom|top

  }

}

每个对应的wxml有自己对应的json，同样可以做如上配置，会覆盖全局的app.json文件配置

引用了一个外部的样式表(wa-ui)，引用方法如下：

@import 'wa-ui.wxss';

只需在全局app.wxss引入即可，其他页面都可以使用其样式。

小程序的js不同于普通的js，不能使用window、document等对象，因此也不能使用jquery等框架。小程序的js写法有点类似VUE，如下：