這篇文章主要介紹了微信小程式教程之小程式配置的相關(guān)資料,這裡對app.json,pages,window等做了詳細介紹，對於初學(xué)開發(fā)微信小程式的朋友，掌握這些還是比較重要的，需要的朋友可以參考下
微信小程式－配置
#???????以下是小型程式配置的資料所進行的系統(tǒng)的整理，希望能對開發(fā)者有幫助。
我們使用app.json檔案來對微信小程式進行全域配置，決定頁面檔案的路徑、視窗表現(xiàn)、設(shè)定網(wǎng)路逾時時間、設(shè)定多 tab 等。
以下是一個包含了所有設(shè)定選項的簡單設(shè)定app.json ：
{
"pages": [
"pages/index/index",
"pages/logs/index"
],
"window": {
"navigationBarTitleText": "Demo"
},
"tabBar": {
"list": [{
"pagePath": "pages/index/index",
"text": "首頁"
}, {
"pagePath": "pages/logs/logs",
"text": "日志"
}]
},
"networkTimeout": {
"request": 10000,
"downloadFile": 10000
},
"debug": true
}app .json 配置項目清單
| 屬性 | #類型 | 必填 | |
|---|---|---|---|
| #pages | Array | 是 | 設(shè)定頁面路徑 |
| Object | 否 | 設(shè)定預(yù)設(shè)頁面的視窗表現(xiàn) | |
| Object | 否 | 設(shè)定底部tab 的表現(xiàn) | |
| Object | 否 | 設(shè)定網(wǎng)絡(luò)逾時時間 | |
| Boolean | #否 | 設(shè)定是否開啟debug 模式 |
pages
接受一個數(shù)組，每一項都是字串，來指定小程式由哪些頁面組成。每一項代表對應(yīng)頁面的【路徑 檔案名稱】信息，數(shù)組的第一項代表小程式的初始頁面。小程式中新增/減少頁面，都需要對 pages 陣列進行修改。pages/ pages/index/index.wxml pages/index/index.js pages/index/index.wxss pages/logs/logs.wxml pages/logs/logs.js app.js app.json app.wxss則，我們需要在app.json 中寫
{
"pages":[
"pages/index/index"
"pages/logs/logs"
]
}window
#用於設(shè)定小程式的狀態(tài)列、導(dǎo)覽列、標題、視窗背景色。| 類型 | 預(yù)設(shè)值 | ##描述 | |
|---|---|---|---|
| HexColor | ##000000 | 導(dǎo)覽列背景顏色，如"#000000" | |
| ## navigationBarTextStyle | String | white | 導(dǎo)覽列標題顏色，僅支援black/white |
| navigationBarTitleText | # String | ? | 導(dǎo)覽列標題文字內(nèi)容 |
| #backgroundColor | HexColor | #ffffffff | 視窗的背景色 |
| backgroundTextStyle | String | dark | 下拉背景字型、loading 圖的樣式，只支援dark/light |
註：HexColor（十六進位顏色值），如"#ff00ff"
如app.json ：
{
"window":{
"navigationBarBackgroundColor": "#ffffff",
"navigationBarTextStyle": "black",
"navigationBarTitleText": "微信接口功能演示",
"backgroundColor": "#eeeeee",
"backgroundTextStyle": "light"
}
}
tabBar
##如果我們的小程式是一個多tab 應(yīng)用程式（客戶端視窗的底部有tab欄可以切換頁面），那麼我們可以透過tabBar 配置項目指定tab 欄的表現(xiàn)，以及tab 切換時顯示的對應(yīng)頁面。| #類型 | 必填 | 預(yù)設(shè)值 | 描述 | |
|---|---|---|---|---|
| #HexColor | 是 | ? | tab 上的文字預(yù)設(shè)顏色 | |
| HexColor | 是 | ? | #tab 上的文字選取時的顏色 | |
| HexColor | 是 | ? | tab 的背景色 | |
| String | 否 | black | tabbar上邊框的顏色， 僅支援black/white | |
| Array | 是 | ? | tab 的列表，詳見list 屬性說明，最少2個、最多5個tab |
| 屬性 | 類型 | 必填 | 說明 |
|---|---|---|---|
| pagePath | String | 是 | 頁面路徑，必須在 pages 中先定義 |
| text | String | 是 | tab 上按鈕文字 |
| iconPath | String | 是 | 圖片路徑，icon 大小限制為40kb |
| selectedIconPath | String | 是 | 選中時的圖片路徑，icon 大小限制為40kb |
networkTimeout
可以設(shè)置各種網(wǎng)絡(luò)請求的超時時間。
屬性說明：
| 屬性 | 類型 | 必填 | 說明 |
|---|---|---|---|
| request | Number | 否 | wx.request的超時時間，單位毫秒 |
| connectSocket | Number | 否 | wx.connectSocket的超時時間，單位毫秒 |
| uploadFile | Number | 否 | wx.uploadFile的超時時間，單位毫秒 |
| downloadFile | Number | 否 | wx.downloadFile的超時時間，單位毫秒 |
debug
可以在開發(fā)者工具中開啟 debug 模式，在開發(fā)者工具的控制臺面板，調(diào)試信息以 info 的形式給出，其信息有Page的注冊，頁面路由，數(shù)據(jù)更新，事件觸發(fā) 。 可以幫助開發(fā)者快速定位一些常見的問題。
page.json
每一個小程序頁面也可以使用.json文件來對本頁面的窗口表現(xiàn)進行配置。 頁面的配置比app.json全局配置簡單得多，只是設(shè)置 app.json 中的 window 配置項的內(nèi)容，頁面中配置項會覆蓋 app.json 的 window 中相同的配置項。
頁面的.json只能設(shè)置 window 相關(guān)的配置項，以決定本頁面的窗口表現(xiàn)，所以無需寫 window 這個鍵，如：
{
"navigationBarBackgroundColor": "#ffffff",
"navigationBarTextStyle": "black",
"navigationBarTitleText": "微信接口功能演示",
"backgroundColor": "#eeeeee",
"backgroundTextStyle": "light"
}
以上就是本文的全部內(nèi)容，希望對大家的學(xué)習(xí)有所幫助，更多相關(guān)內(nèi)容請關(guān)注PHP中文網(wǎng)！
相關(guān)推薦：
以上是關(guān)於微信小程式的配置的詳細內(nèi)容。更多資訊請關(guān)注PHP中文網(wǎng)其他相關(guān)文章！
熱AI工具
Undress AI Tool
免費脫衣圖片
Undresser.AI Undress
人工智慧驅(qū)動的應(yīng)用程序，用於創(chuàng)建逼真的裸體照片
AI Clothes Remover
用於從照片中去除衣服的線上人工智慧工具。
Clothoff.io
AI脫衣器
Video Face Swap
使用我們完全免費的人工智慧換臉工具，輕鬆在任何影片中換臉！
熱門文章
熱工具
記事本++7.3.1
好用且免費的程式碼編輯器
SublimeText3漢化版
中文版，非常好用
禪工作室 13.0.1
強大的PHP整合開發(fā)環(huán)境
Dreamweaver CS6
視覺化網(wǎng)頁開發(fā)工具
SublimeText3 Mac版
神級程式碼編輯軟體(SublimeText3)
win11系統(tǒng)如何配置工作小組
Feb 22, 2024 pm 09:50 PM
Win11系統(tǒng)如何設(shè)定工作群組工作群組是一種在區(qū)域網(wǎng)路中連接多臺電腦的方式，它允許電腦之間共用檔案、印表機和其他資源。在Win11系統(tǒng)中，設(shè)定工作群組非常簡單，只需依照下列步驟操作即可。步驟1：開啟「設(shè)定」應(yīng)用程式首先，點擊Win11系統(tǒng)的「開始」按鈕，然後在彈出的選單中選擇「設(shè)定」應(yīng)用程式。你也可以使用快捷鍵“Win+I”開啟“設(shè)定”。步驟2：選擇「系統(tǒng)」在「設(shè)定」應(yīng)用程式中，你會看到多個選項。請點選「系統(tǒng)」選項，進入系統(tǒng)設(shè)定頁面。步驟3：選擇「關(guān)於」在「系統(tǒng)」設(shè)定頁面中，你會看到多個子選項。請點
Linux系統(tǒng)中GDM的工作原理及配置方法
Mar 01, 2024 pm 06:36 PM
標題：Linux系統(tǒng)中GDM的工作原理及設(shè)定方法在Linux作業(yè)系統(tǒng)中，GDM（GNOMEDisplayManager）是一種常見的顯示管理器，用於控制圖形使用者介面（GUI）登入和使用者會話管理。本文將介紹GDM的工作原理和設(shè)定方法，以及提供具體的程式碼範例。一、GDM的工作原理GDM是GNOME桌面環(huán)境下的顯示管理器，負責(zé)啟動X伺服器並提供登入介面，使用者輸
了解Linux Bashrc：功能、設(shè)定與使用方法
Mar 20, 2024 pm 03:30 PM
了解LinuxBashrc：功能、配置與使用方法在Linux系統(tǒng)中，Bashrc（BourneAgainShellrunco??mmands）是一個非常重要的配置文件，其中包含了系統(tǒng)啟動時自動運行的各種命令和設(shè)定。 Bashrc文件通常位於使用者的家目錄下，是一個隱藏文件，它的作用是為使用者自訂設(shè)定Bashshell的環(huán)境。一、Bashrc的功能設(shè)定環(huán)境
閒魚微信小程式叫什麼
Feb 27, 2024 pm 01:11 PM
閒魚官方微信小程式已經(jīng)悄悄上線，它為用戶提供了一個便捷的平臺，讓你可以輕鬆地發(fā)布和交易閒置物品。在小程式中，你可以與買家或賣家進行私訊交流，查看個人資料和訂單，以及搜尋你想要的物品。那麼閒魚在微信小程式中究竟叫什麼呢，這篇教學(xué)攻略將為您詳細介紹，想要了解的用戶們快來跟著本文繼續(xù)閱讀吧！閒魚微信小程式叫什麼答案：閒魚，閒置交易二手買賣估價回收。 1、在小程式中可以發(fā)布閒置、與買家/賣家私訊交流、查看個人資料及訂單、搜尋指定物品等功能;2、在小程式的頁面中有首頁、附近、發(fā)閒置、訊息、我的5項功能；3、
Linux系統(tǒng)中如何設(shè)定和安裝FTPS
Mar 20, 2024 pm 02:03 PM
標題：Linux系統(tǒng)中如何配置和安裝FTPS，需要具體程式碼範例在Linux系統(tǒng)中，F(xiàn)TPS是一種安全的檔案傳輸協(xié)議，與FTP相比，F(xiàn)TPS透過TLS/SSL協(xié)議對傳輸?shù)馁Y料進行加密，提高了資料傳輸?shù)陌踩浴Ｔ诒疚闹?，將介紹如何在Linux系統(tǒng)中設(shè)定和安裝FTPS，並提供特定的程式碼範例。步驟一：安裝vsftpd開啟終端，輸入以下指令安裝vsftpd：sudo
MyBatis Generator配置參數(shù)解讀及最佳實踐
Feb 23, 2024 am 09:51 AM
MyBatisGenerator是MyBatis官方提供的程式碼產(chǎn)生工具，可以幫助開發(fā)人員快速產(chǎn)生符合資料庫表結(jié)構(gòu)的JavaBean、Mapper介面以及XML映射檔。在使用MyBatisGenerator進行程式碼產(chǎn)生的過程中，配置參數(shù)的設(shè)定是至關(guān)重要的。本文將從配置參數(shù)的角度出發(fā)，深入探討MyBatisGenerator的
打造高效能Python程式設(shè)計工作站的電腦配置建議
Mar 25, 2024 pm 07:12 PM
標題：打造高效能Python程式設(shè)計工作站的電腦配置建議隨著Python語言在資料分析、人工智慧等領(lǐng)域的廣泛應(yīng)用，越來越多的開發(fā)者和研究人員對於建構(gòu)高效能的Python程式設(shè)計工作站需求日益增加。在選擇電腦配置時，除了效能方面的考量外，還應(yīng)該根據(jù)Python編程的特性進行最佳化，以提高程式效率和運行速度。本文將介紹如何打造一臺高效能的Python程式設(shè)計工作站，並提供具體
win11電腦配置在哪裡看？ win11電腦設(shè)定資訊怎麼找方法
Mar 06, 2024 am 10:10 AM
我們在使用win11系統(tǒng)的時候有時候會需要查看自己的電腦配置，但是也有不少的用戶們在詢問win11電腦配置在哪裡看？其實方法很簡單的，使用者可以直接的開啟設(shè)定下的系統(tǒng)訊息，然後就能查看電腦設(shè)定資訊。以下就讓本站來為使用者來仔細的介紹一下win11電腦設(shè)定資訊如何查找方法吧。 win11電腦設(shè)定資訊如何找出方法方法一：1、點選開始，開啟電腦設(shè)定。 3、在此頁面即可查看電腦設(shè)定資訊。 2.在指令提示字元視窗中，輸入systeminfo回車，即可查看電腦設(shè)定。
