1. 程式人生 > >微信小程式——學習筆記(一):json

微信小程式——學習筆記(一):json

json配置檔案——

1> app.json:作用於整個小程式全域性配置

  頁面路徑——page(陣列[字串="路徑+檔名"])

     "pages":["pages/index/index","pages/log/index"]

     當你新增頁面時,它會自動新增路徑,

     刪除已有的頁面時,不會自動刪除

   視窗表現——window

          "window":{

         "navigationBarBackgroundColor/BarTextStyle/BarTitleText/Style":

         "導航欄背景顏色/標題顏色/標題文字內容/樣式",

         "backgroundColor/TextStyle/ColorTop/ColorBottom":

         "視窗的背景色/下拉loading的樣式/頂部視窗的背景/底部視窗的背景",

         "enablePullDownRefresh":"是否開啟下拉重新整理",

         "onReachBottomDistance":"頁面上拉觸底事件觸發是距頁面底部距離"

                                }

  底部的表現——tabBar

       "tabBar":{

               "color":"文字的顏色",

                "selectedColor":"文字選中時的顏色",

                "backgroundColor":"背景色",

                 "borderStytle":"上邊框顏色",

                 "position":"位置:bottom/top",

                  "list":[

                       {

                       "pagePath":"頁面路徑,必須在pages中先定義",

                        "text":"按鈕上的文字",

                        "iconPath":"圖片路徑",

                        "selectedIconPath":"選中時的圖片路徑"

                        }

                   }

    網路超時時間——networkTimeout     

             "networkTimeout":{

                   "request":10000,//請求超時

                   "downloadFile":10000,//下載超時時間

                   "connectSocket":10000,//連線伺服器超時時間

                 "uploadFile":10000//上傳超時時間

                   }              

 是否開啟debug模式——debug

         "debug":true

 2> project.config.json:開發者工具配置(根據開發者個人習慣和喜好對編輯區做個性化配置)

 3> peage.json:對本頁面的視窗進行配置 ,只能配置window (會覆蓋app.json的window中的相同配置項)        

       視窗表現——window

            在app.json中window的基礎上

              多了  "disableScroll":"設定為true,則頁面整體不能上下滾動"

              少了  "navigationStyle","backgroundColorTop","backgroundColorBottom" 


第一次寫部落格,寫的不好,還希望大佬們多多指教