javascript小程序配置實例分析

{

  "pages":[

    "pages/index/index", //所有的頁面都需要定義在該模塊，否則無法顯示

    "pages/logs/logs"

  ],

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

    "backgroundTextStyle":"white",

    "navigationBarBackgroundColor": "#fff",//頂部導(dǎo)航欄顏色

    "navigationBarTitleText": "陌與塵埃",//頂部文字

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

  },

  "tabBar": {//tab選項卡

    "list": [

      {

        "iconPath": "imgs/icon/icon-home.png",//未選中狀態(tài)圖片地址

        "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",//文字默認(rèn)顏色

    "selectedColor": "#fff",//選中時文字顏色

    "backgroundColor": "#e04443",//默認(rèn)tab背景

    "borderStyle": "white",

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

  }

}

每個對應(yīng)的wxml有自己對應(yīng)的json，同樣可以做如上配置，會覆蓋全局的app.json文件配置

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

@import 'wa-ui.wxss';

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

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