午夜91福利视频,午夜成人在线观看,午夜在线视频免费观看,午夜福利短视频,精品午夜成人免费视频APP

小程序模板網

微信小程序app.json文件常用配置說明

發(fa)布時間(jian):2021-07-09 10:03 所屬欄目:小程序開發教程

小程(cheng)序根(gen)目錄下的 app.json 文(wen)件用來(lai)對(dui)微(wei)信小程(cheng)序進行全局(ju)配置,決定頁面(mian)文(wen)件的路徑、窗口(kou)表現、設置網絡超(chao)時(shi)時(shi)間、設置多 tab 等。

JOSN文件不允(yun)許注(zhu)釋,下面為了(le)學習(xi)加上注(zhu)釋,粘貼需要的片(pian)段去掉注(zhu)釋即可。小程序定義color建議使(shi)用(yong)16進制顏色

1. pages定義頁面路徑列表

"pages": [
    "pages/news/news",
     "pages/index/index",
    "pages/movie/movie",
    "pages/logs/logs"
  ],

2. window 用于設置小程序的狀態欄、導航條、標題、窗口背景色

"window": {
    "backgroundTextStyle": "light",  // 下拉 loading 的樣式,僅支持 dark / light
    "navigationBarBackgroundColor": "white",  // 導航欄背景顏色
    "navigationBarTitleText": "哈哈", // 導航欄標題內容
    "navigationBarTextStyle": "black",  // 導航欄標題顏色 black / white
    "navigationStyle": "custom",  // 導航欄樣式 默認為default  custom 表示自定義導航欄,只保留右上角
    "backgroundColor":"#ffffff"  // 窗口的背景顏色

  },

3. tabBar

如果小程序是一個(ge)多 tab 應用(客戶端(duan)窗口的(de)底部或頂部有 tab 欄可(ke)以(yi)切(qie)換頁面),可(ke)以(yi)通過 tabBar 配置項(xiang)指定 tab 欄的(de)表現,以(yi)及 tab 切(qie)換時(shi)顯示的(de)對應頁面。

"tabBar": {
    "color": "#000",     // 文字默認顏色 
    "borderStyle": "black",      //  tabBar上邊框的顏色  僅支持 black / white
    "selectedColor": "#ff6600",   // tab 上的文字選中時的顏色
     "position":"bottom",  // 位置 top | bottom,
     "custom": "false",    // 自定義tabBar  默認false
    
    "list": [  // tab列表
      {
        "pagePath": "pages/news/news",  // 頁面路徑
        "text": "新聞",  // tab 上按鈕文字
        "iconPath": "pages/images/yuedu.png",  //  圖片路徑,icon 大小限制為 40kb,建議尺寸為 81px * 81px,不支持網絡圖片。
當 position 為 top 時,不顯示 icon。
        "selectedIconPath": "pages/images/193.jpg"  //  選中時的圖片路徑,icon 大小限制為 40kb,建議尺寸為 81px * 81px,不支持網絡圖片。
當 position 為 top 時,不顯示 icon。
      },
      {
        "pagePath": "pages/movie/movie",
        "text": "電影",
        "iconPath": "pages/images/diany.png",
        "selectedIconPath": "pages/images/506.jpg"
      }
    
    ]
  },

4. networkTimeout

各類(lei)網絡請求的超時(shi)時(shi)間,單位均為毫秒 默認(ren)值(zhi)60000

"networkTimeout": {
    "request": 10000,  //  wx.request 的超時時間
    "downloadFile": 10000,  // wx.downloadFile 的超時時間
    "connectSocket": 10000,  // wx.connectSocket 的超時時間
    "uploadFile": 10000  // wx.uploadFile 的超時時間
  },

5. debug

可以在開(kai)發(fa)者工具中開(kai)啟 debug 模(mo)式

"debug": true,

6. requiredBackgroundModes

申明需要后臺運行的能力,類型為數組 目前支持audio后臺音樂播放 / location 后臺定位

"requiredBackgroundModes": ["audio", "location"],

7. permission

小程序(xu)接(jie)口(kou)權限相關設置。字段類型為(wei) Object

"permission": {
    "scope.userLocation": {  // 位置相關權限聲明
      "desc": "你的位置信息將用于小程序位置接口的效果展示" // 高速公路行駛持續后臺定位
    }
  },

8. style

微信(xin)小程(cheng)序基礎組件樣式(shi)升級

"style": "v2",

完整app.json文件

{
    "pages": [
        "pages/news/news",
        "pages/index/index",
        "pages/movie/movie",
        "pages/logs/logs"
    ],
    "window": {
        "backgroundTextStyle": "light",
        "navigationBarBackgroundColor": "white",
        "navigationBarTitleText": "哈哈",
        "navigationBarTextStyle": "black",
        "navigationStyle": "custom",
        "backgroundColor": "#ffffff"
    },
    "tabBar": {
        "color": "#000",
        "borderStyle": "black",
        "selectedColor": "#ff6600",
        "position": "bottom",
        "custom": "false",
        "list": [
            {
                "pagePath": "pages/news/news",
                "text": "新聞",
                "iconPath": "pages/images/yuedu.png",
                "selectedIconPath": "pages/images/193.jpg"
            },
            {
                "pagePath": "pages/movie/movie",
                "text": "電影",
                "iconPath": "pages/images/diany.png",
                "selectedIconPath": "pages/images/506.jpg"
            }
        ]
    },
 
    "networkTimeout": {
        "request": 6000, 
        "downloadFile": 60000, 
        "connectSocket": 60000 ,
        "uploadFile": 60000 
    },
    "debug": true,
    "requiredBackgroundModes": [
        "audio",
        "location"
    ],
    "permission": {
        "scope.userLocation": { 
            "desc": "你的位置信息將用于小程序位置接口的效果展示" 
        }
    },
    "style": "v2"
}



易優小程序(企業版)+靈活api+前后代碼(ma)開(kai)源 碼(ma)云倉庫(ku):
本文地址://www.jinyoudianli.com/wxmini/doc/course/27089.html 復制鏈接 如需定制請聯系易優客服咨詢:

工作日 8:30-12:00 14:30-18:00
周六及部(bu)分節(jie)假日提供值班服務

易小優
轉人工 ×