Applet development: Five (tabbar)

The bottom or top of the client window has a tab bar to switch pages

tabs

If the applet is a multi-application tab (bottom or top of the client window has tab bar to switch the page), the performance of the specified item bar tab, and the tab corresponding to the page for the handover can be configured via tabBar.

Attributes Types of Mandatory Defaults description Minimum version
color HexColor Yes   The default color for text on the tab, only supports hexadecimal color  
selectedColor HexColor Yes   When the color of the selected text on the tab, only supports hexadecimal color  
backgroundColor HexColor Yes   tab background color, only supports hexadecimal color  
borderStyle string no black color of the border on the tabbar, only supports  black / white  
list Array Yes   tab lists, detailed  list properties described, at least two, up to five tab  
position string no bottom tabBar position, the only support  bottom / top  
custom boolean no false Custom tabBar, see details 2.5.0

Wherein receiving a list array can be configured with a minimum of 2 and a maximum of 5 Tab . tab array sorting order, each item is an object, attribute values as follows:

Attributes Types of Mandatory Explanation
pagePath string Yes Page path must be defined in the pages of
text string Yes The tab button text
iconPath string no Pictures path, icon size limit of 40kb, recommended size is 81px * 81px, does not support network picture.
When  position it is  top not displayed icon.
selectedIconPath string no Pictures path when selected, icon size limit of 40kb, recommended size is 81px * 81px, does not support network picture.
When  position it is  top not displayed icon.

 

Guess you like

Origin www.cnblogs.com/start2019/p/11854203.html