navigation-bar · PHP/Python/前端/Linux 等等學習筆記

[TOC] ## 概述 1. 頁面導航條配置節點 | 屬性 | 類型 | 默認值 | 必填 | 說明 | 最低版本 | | --- | --- | --- | --- | --- | --- | | title | string | | 否 | 導航條標題 | 微信基礎庫 2.9.0 | | title-icon | string | | 否 | 標題圖標，圖標路徑如"./img/t.png"，僅支持本地文件路徑，相對路徑，相對于當前頁面的host位置，固定寬高為邏輯像素值"34px"。要求圖片的寬高相同。注意：設置標題圖標后標題將居左顯示。 | App 2.6.7+ | | title-icon-radius | string | 無圓角 | 否 | 標題圖標圓角，取值格式為"XXpx"，其中XX為像素值（邏輯像素），如"10px"表示10像素半徑圓角。 | App 2.6.7+ | | subtitle-text | string | | 否 | 副標題文字內容，設置副標后將顯示兩行標題，副標顯示在主標題（titleText）下方。注意：設置副標題后將居左顯示 | App 2.6.7+ | | subtitle-size | string | "auto" | 否 | 副標題文字字體大小，字體大小單位為像素，如"14px"表示字體大小為14像素，默認值為12像素。 | App 2.6.7+ | | subtitle-color | string | | 否 | 副標題文字顏色，顏色值格式為"#RRGGBB"和"rgba(R,G,B,A)"，如"#FF0000"表示標題文字顏色為紅色。默認值與主標題文字顏色一致 | App 2.6.7+ | | subtitle-overflow | string | "ellipsis" | 否 | 標題文字超出顯示區域時處理方式，可取值： "clip" - 超出顯示區域時內容裁剪； "ellipsis" - 超出顯示區域時尾部顯示省略標記（...）。 | App 2.6.7+ | | title-align | string | "auto" | 否 | 可取值： "center"-居中對齊； "left"-居左對齊； "auto"-根據平臺自動選擇（Android平臺居左對齊，iOS平臺居中對齊） | App 2.6.7+ | | background-image | string | | 否 | 支持以下類型：背景圖片路徑 - 如"./img/t.png"，僅支持本地文件路徑，相對路徑，相對于當前頁面的host位置，根據實際標題欄寬高拉伸繪制；漸變色 - 僅支持線性漸變，兩種顏色的漸變，如“linear-gradient(to top, #a80077, #66ff00)”，其中第一個參數為漸變方向，可取值： "to right"表示從左向右漸變， “to left"表示從右向左漸變， “to bottom"表示從上到下漸變， “to top"表示從下到上漸變， “to bottom right"表示從左上角到右下角， “to top left"表示從右下角到左上角 | App 2.6.7+ | | background-repeat | string | | 否 | 僅在backgroundImage設置為圖片路徑時有效。可取值： "repeat" - 背景圖片在垂直方向和水平方向平鋪； "repeat-x" - 背景圖片在水平方向平鋪，垂直方向拉伸； “repeat-y” - 背景圖片在垂直方向平鋪，水平方向拉伸； “no-repeat” - 背景圖片在垂直方向和水平方向都拉伸。默認使用 “no-repeat" | App 2.6.7+ | | blur-effect | string | "none" | 否 | 此效果將會高斯模糊顯示標題欄后的內容，僅在type為"transparent"或"float"時有效。可取值： "dark" - 暗風格模糊，對應iOS原生UIBlurEffectStyleDark效果； "extralight" - 高亮風格模糊，對應iOS原生UIBlurEffectStyleExtraLight效果； "light" - 亮風格模糊，對應iOS原生UIBlurEffectStyleLight效果； "none" - 無模糊效果。注意：使用模糊效果時應避免設置背景顏色，設置背景顏色可能覆蓋模糊效果。 | App 2.6.7+ | | loading | string | false | 否 | 是否在導航條顯示 loading 加載提示 | 微信基礎庫 2.9.0 | | front-color | string | | 否 | 導航條前景顏色值，包括按鈕、標題、狀態欄的顏色，僅支持 #ffffff 和 #000000 | 微信基礎庫 2.9.0 | | background-color | string | | 否 | 導航條背景顏色值，有效值為十六進制顏色 | 微信基礎庫 2.9.0 | | color-animation-duration | number | 0 | 否 | 改變導航欄顏色時的動畫時長，默認為 0 （即沒有動畫效果） | 微信基礎庫 2.9.0 | | color-animation-timing-func | string | "linear" | 否 | 改變導航欄顏色時的動畫方式，支持 linear 、 easeIn 、 easeOut 和 easeInOut | 微信基礎庫 2.9.0 |