微信小程序的底部tab有多高(交互原型設計的尺寸要求？)

微信小程序開發，導航欄右邊的按鈕怎么設置？設置導航條導航條tabBar如果我們的小程序是一個多標簽的應用(客戶端窗口的底部或者頂部有一個切換頁面的tab bar)，那么我們就可以通過TabBar配置

微信小程序開發，導航欄右邊的按鈕怎么設置？

設置導航條導航條tabBar如果我們的小程序是一個多標簽的應用(客戶端窗口的底部或者頂部有一個切換頁面的tab bar)，那么我們就可以通過TabBar配置項來指定標簽欄的性能以及切換標簽時顯示的對應頁面。提示：通過頁面跳轉()或頁面重定向()到達的頁面不會在底部顯示tabbar，即使它是在tabBar配置中定義的頁面。TabBar是一個數組，至少可以配置2個選項卡，最多可以配置5個選項卡。選項卡按數組的順序排序。屬性值：

微信小程序導航欄多高？

總高度(紅藍)=狀態欄高度(紅色)(膠囊按鈕頂值-狀態欄高度)*2膠囊按鈕高度。

導航欄高度(藍色)=總高度-狀態欄高度

交互原型設計的尺寸要求？

1.iPhone6的界面布局為：屏幕4.7英寸，設計稿尺寸為750x1334px。

狀態欄：就是電源欄，高度40px；

導航：是頂欄，高度88px；

主子菜單條(tab):是標簽條和底條，高度為98px；

內容區域：屏幕中間高度為1334px-40px-88px-98px=1108px的區域。

ui界面設計尺寸？

(一)接口尺寸規格

1.接口尺寸為：750x1334px。

2.狀態欄：是電源欄，高度40px。

3.導航：是頂欄，高度88px。

4.主子菜單(tab):是一個標簽欄，底部有一個高度為98px的欄。

5.內容區域：是屏幕中間的區域，其高度為：1334px-40px-88px-98px=1108px。

(2)圖標尺寸規格

1.導航欄和工具欄的尺寸為44x44px。

2.標簽條的尺寸是75x7x。

3.導航欄的最大文本大小為34-36px，標簽欄中圖標下方的文本大小為20px。

4.內容區的文字大小為：20px 24px，26px，28px，30px，32px，34px。

5.設置界面圖標高度和開關滑動按鈕高度：58px。

(3)可點擊的高度規格

統一成88px。88px是常用的設計尺寸。

(4)搜索欄的高度是標準化的

搜索欄的高度統一為58px。

(5)界面元素之間的距離規格

界面元素間常見距離，親密距離：20px；遠距：30p x。

A.遙遠的距離：比如所有元素到手機最左邊屏幕的距離。

b親密距離：比如左邊圖標和右邊文字的距離。

5.5寸屏幕，像素分辨率1242x2208px-@3x，邏輯分辨率414x981px-@1x。物理尺寸為1080x1920px。這個物理尺寸也是目前最流行的大屏設計草圖尺寸。