• 開發(fā) .json 文件
  • 配置示例
  • 頁面配置項列表
    • navigationStyle 配置

開發(fā) .json 文件

小程序頁面可以使用 .json 文件來對本頁面的窗口表現(xiàn)進行配置。

創(chuàng)新互聯(lián)主打移動網站、成都網站制作、網站建設、網站改版、網絡推廣、網站維護、申請域名、等互聯(lián)網信息服務，為各行業(yè)提供服務。在技術實力的保障下，我們?yōu)榭蛻舫兄Z穩(wěn)定，放心的服務，根據(jù)網站的內容與功能再決定采用什么樣的設計。最后，要實現(xiàn)符合網站需求的內容、功能與設計，我們還會規(guī)劃穩(wěn)定安全的技術方案做保障。

頁面的配置只能設置 app.json 中部分 window 配置項的內容，頁面中配置項會覆蓋 app.json 的 window 中相同的配置項。

配置示例

代碼示例

 
 
 

  
  
  
{
  
  
  
 "navigationBarBackgroundColor": "#ffffff",
  
  
  
 "navigationBarTextStyle": "black",
  
  
  
 "navigationBarTitleText": "智能小程序接口功能演示",
  
  
  
 "backgroundColor": "#eeeeee",
  
  
  
 "backgroundTextStyle": "light"
  
  
  
}
 
 
 

頁面配置項列表

屬性	類型	默認值	描述	最低版本
navigationBarBackgroundColor	HexColor	#000000	導航欄背景顏色，如 #000000
navigationBarTextStyle	String	white	導航欄標題顏色，有效值 black / white
navigationBarTitleText	String		導航欄標題文字內容
navigationStyle	String	default	導航欄樣式，有效值：default(默認樣式) custom(自定義導航欄)，只保留右上角膠囊按鈕，在頁面級配置優(yōu)先級高于全局配置	iOS 基礎庫版本 3.0.39，Android 基礎庫版本 2.10.34
backgroundColor	HexColor	#ffffff	窗口的背景色
backgroundTextStyle	String	dark	下拉 loading 的樣式，有效值 dark / light
backgroundColorTop	HexColor	#ffffff	頂部窗口的背景色，僅 iOS 支持
backgroundColorBottom	HexColor	#ffffff	底部窗口的背景色，僅 iOS 支持
enablePullDownRefresh	Boolean	false	是否全局開啟下拉刷新。詳見 Page.onPullDownRefresh
onReachBottomDistance	Number	50	頁面上拉觸底事件觸發(fā)時距頁面底部距離（單位：px）。詳見 Page.onReachBottom
disableScroll	Boolean	false	設置為 true 則頁面整體不能上下滾動。只在頁面配置中有效，無法在 app.json 中設置	Android 暫不支持

說明：

• 頁面的 .json 只能設置 window 相關的配置項，以決定本頁面的窗口表現(xiàn)，所以無需寫 window 這個鍵；
• navigationStyle 全局配置Android和iOS從基礎庫版本 2.10.34 開始支持, 但子頁面配置支持情況Android從基礎庫版本2.10.34開始支持，iOS從基礎庫版本 3.0.39開始支持, 做低版本兼容時，通過 swan.getSystemInfo 或者 swan.getSystemInfoSync 獲取百度 APP 版本號進行兼容判斷，具體見下表；
• 無其它特殊說明，請使用SWAN基礎庫版本進行兼容判斷。

navigationStyle 配置

當swanNativeVersion>=2.28.0時，小程序框架將回收二級頁面（非首頁 / 非 Tab 頁）左上角返回按鈕的自定義權限。在小程序二級頁面使用自定義導航欄時，小程序框架將提供統(tǒng)一的返回按鈕控制方案。詳情請參考非兼容性升級。

頂 bar 設置	iOS	Android	WebView 組件頁面	備注
百度 APP 定義的頂 bar	無版本限制	無版本限制	無版本限制
頂 bar 全局透明設置	基礎庫版本 2.10.34	基礎庫版本 2.10.34	不生效
頂 bar 子頁面透明設置	基礎庫版本 3.0.39	基礎庫版本 2.10.34	不生效	每個 page 的 json 文件可以單獨配置 navigationStyle

適配提示
原生頂 bar 高度 = 狀態(tài)欄高度（statusBarHeight）+ 頂部導航欄高度（navigationBarHeight）；可通過 swan.getSystemInfo 或者 swan.getSystemInfoSync 獲取。

網站名稱：創(chuàng)新互聯(lián)百度小程序教程：開發(fā).json文件
URL標題：http://www.5511xx.com/article/cdgjpeh.html