1. 程式人生 > 其它 >微信小程式 - 基本目錄簡介

微信小程式 - 基本目錄簡介

1.⼩程式結構⽬錄:

通過以上對⽐得出,傳統web 是三層結構。⽽微信⼩程式 是四層結構,多了⼀層 配置.json

書上說: wxml 和 js 檔案必須存在 wxss 和 json 可以省略的.

2. ⼩程式配置⽂件:

⼀個⼩程式應⽤程式會包括最基本的兩種配置⽂件。⼀種是全域性的 app.json 和 ⻚⾯⾃⼰的 page.json

注意:配置檔案中不能出現註釋

3. app.json 全域性配置:

小程式根目錄下的app.json檔案用來對微信小程式進行全域性配置,決定頁面檔案的路徑、視窗表現、設定網路超時時間、設定多 tab 等。

完整配置項說明請參考小程式全域性配置

以下是一個包含了部分常用配置選項的app.json

{
  "pages": [
    "pages/index/index",
    "pages/logs/index"
  ],
  "window": {
    "navigationBarTitleText": "Demo"
  },
  "tabBar": {
    "list": [{
      "pagePath": "pages/index/index",
      "text": "首頁"
    }, {
      "pagePath": "pages/logs/index",
      "text": "日誌"
    }]
  },
  "networkTimeout": {
    
"request": 10000, "downloadFile": 10000 }, "debug": true }
app.json

欄位的含義:

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

2. window 欄位⸺定義⼩程式所有⻚⾯的頂部背景顏⾊,⽂字顏⾊定義等

本文來自部落格園,作者:Bi-Hu,轉載請註明原文連結:https://www.cnblogs.com/bi-hu/p/15222186.html