1.pages 欄位

這個欄位⽤於描述當前⼩程式所有⻚⾯路徑，這是為了讓微信客⼾端知道當前你的⼩程式 ⻚⾯定義在哪個⽬錄。

如果你不想自己新建，那麼可以在裡面自己寫 ，儲存後IDE會自動生成資料夾和四個對應的檔案：【千萬要注意是微信小程式IDE才會的啊 其他文字編輯器不會那樣做.】

如果你想直接一進來就顯示你Test的頁面 那麼你就吧pages那個目錄放最前面即可。

2.Window關鍵字

用於定義⼩程式所有⻚⾯的頂部背景顏⾊，⽂字顏⾊定義等。

　　這個是原始的 ，嘗試改變你就懂了。

所以這三個都是怎麼個回事，，，記住啊 導航欄標題字型顏色不是白就是黑。

"backgroundTextStyle":"light",

這個的意思就是說 下拉重新整理時顯示的控制元件

也是取2個值。

開啟下拉重新整理功能：

直接寫即可，例如：

backgroundColor 是設定下拉的背景顏色

------

3.Tabbar

我學過安卓 我知道 其實就是底部導航。。。

這個tabbar 是和 window 和 pages 同層的，直接寫即可，裡面很多屬性 詳見API 下面列舉幾個：

https://developers.weixin.qq.com/miniprogram/dev/reference/configuration/app.html#tabBar

見文生義：

注意底部導航最少2個 不然一個都不能有。

下面做演示 ，

第一步新建四個新頁面

第二步直接改即可：

{
  "pages":[
    "pages/index/index",
    "pages/imgs/imgs",
    "pages/videocamera/videocamera",
    "pages/search/search",
    "pages/logs/logs"
  ],
  "window":{
    
 
"backgroundTextStyle":"dark",
    "navigationBarBackgroundColor": "#00FFFF",     
    "navigationBarTitleText": "不讀書沒老婆",
    "navigationBarTextStyle":"black",
    "enablePullDownRefresh": true,
    "backgroundColor": "#45b97c"
  },
 "tabBar": {
   "list": [{
     "pagePath":"pages/index/index",
     "text": "首頁",
     "iconPath": "icon/_home.png",
     "selectedIconPath": "icon/home.png"
   },
  {
    "pagePath": "pages/imgs/imgs",
    "text": "圖片",
    "iconPath": "icon/_img.png",
    "selectedIconPath": "icon/img.png"
  },
  {
    "pagePath": "pages/videocamera/videocamera",
    "text": "視訊",
    "iconPath": "icon/_videocamera.png",
    "selectedIconPath": "icon/videocamera.png"
  }, {
    "pagePath": "pages/search/search",
    "text": "text",
    "iconPath": "icon/_search.png",
    "selectedIconPath": "icon/search.png"
  }
  ]
 },

  "style": "v2",
  "sitemapLocation": "sitemap.json"
}

注意啊 以上屬性呢 是同層級的 而且僅支援十六進位制，更多屬性詳見API

下面連個屬性也是可以用的 但用的不多。

整理不易 關注點贊都可以 哈呼

本文來自部落格園，作者：鹹瑜，轉載請註明原文連結：https://www.cnblogs.com/bi-hu/p/15222429.html