微信小程式

我們初學微信小程式，需要對裡邊的一些自帶的配置很清楚，才能更好的處理和運用微信小程式，創造出一個好的程式。

我們可以看到在專案的根目錄有一個 app.json 和 project.config.json，此外在 pages/logs 目錄下還有一個 logs.json，

小程式配置 app.json

app.json 是對當前小程式的全域性配置，包括了小程式的所有頁面路徑、介面表現、網路超時時間、底部 tab 等。QuickStart 專案裡邊的 app.json 配置內容如下：

程式碼：

"pages":[  
   "pages/index/index",  
   "pages/logs/logs"  
 ],  
 "window":{  
   "backgroundTextStyle":"light",  
   "navigationBarBackgroundColor": "#fff",  
   "navigationBarTitleText": "WeChat",  
   "navigationBarTextStyle":"black"  
 }  
 

1. pages欄位 —— 用於描述當前小程式所有頁面路徑，這是為了讓微信客戶端知道當前你的小程式頁面定義在哪個目錄。
2. window欄位 —— 小程式所有頁面的頂部背景顏色，文字顏色定義在這裡的。

注：navigationStyle 只在 app.json 中生效。開啟 custom 後，低版本客戶端需要做好相容。開發者工具基礎庫版本切到 1.7.0（不代表最低版本，只供除錯用） 可方便切到舊視覺

  tabbar: {
      color: "#000000",
      selectedColor: "#0f87ff",
      backgroundColor: "#ffffff",
      borderStyle: "black",
      list: [
        {
          "pagePath": "../index/index",
          text: "首頁",
          iconPath: "../../images/s.png",
        },
        {
          "pagePath": "../personal/personal",
          text: "個人資訊",
          iconPath: "../../images/c.png",
        }
      ],