根目錄下 app.js, app.json, app.wxss解釋

2.1 app.js 小程序的邏輯

2.2 app.json小程序的公共設置

2.3 app.wxss 小程序的公共樣式表

在app.json 配置個tab ( 類似于iOS tabbar)

{

"pages":[

// 文件所在目錄結構

// index.js logs.js setup.js

"pages/index/index",

"pages/logs/logs",

"pages/setup/setup"

],

// 整個的window

"window":{

// 設置導航欄樣式

"backgroundTextStyle":"light",

"navigationBarBackgroundColor": "#fff",

"navigationBarTitleText": "夏小天",

"navigationBarTextStyle":"black"

},

// tabbar對象

"tabBar": {

"color": "#dddddd",

"selectedColor": "#1296db",

"borderStyle": "yellow",

"backgroundColor": "#ffffff",

// 這里是個 .js數組

"list": [

{

"pagePath": "pages/index/index",

"text": "首頁",

"iconPath": "pages/images/icon3.png",

"selectedIconPath": "pages/images/icon3.png"

},

{

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

"text": "搜索",

"iconPath": "pages/images/icon1.png",

"selectedIconPath": "pages/images/icon1.png"

},

{

"pagePath": "pages/setup/setup",

"text": "設置",

"iconPath": "pages/images/icon2.png",

"selectedIconPath": "pages/images/icon2.png"

}]}

}

一個頁面包含的文件結構包含四個文件 .js文件.json文件 .wxml文件 wuss文件(類似于想要布局出iOS中的一個界面需要view model controller 協同工作)

.js文件 功能類似于 iOS中Controller的作用 起到協同的作用, 也就是頁面的邏輯

.json 頁面配置 比如我想要配置一下logs界面的導航欄文字

.wxml 頁面結構 (也就是有view btn等控件)

.wxss 頁面樣式表(可以配置頁面控件的位置, 顏色, 圓角等等屬性)

接下來用地圖控件寫一個簡單界面

.js 進行網絡請求, 解析數據, 重新賦值data

// 聲明一個數組數組

var dataArray = new Array