            Coding With Fun

Home Docker Django Node.js Articles Python pip guide FAQ Policy

WeChat Syringe Extension Components - Portrait Tab Components

May 21, 2021 WeChat Mini Program Development Document

Table of contents

1. The list of properties

2. vtabs-content

vtabs

Portrait tab components, which need to be used in conjunction with the .lt;vtabs-content-content-components.

The list of properties

Property	Type	The default	Required	Description
vtabs	Array	[]	Is	The data item is `{title}`
active-tab	Number	0	Whether	Activate the tab index
tab-bar-class	String		Whether	Tab style
active-class	String		Whether	Select the item style
tab-line-color	String	#ff0000	Whether	Check the item sideline color
tab-inactive-text-color	String	#000000	Whether	The font color of the item is not selected
tab-active-text-color	String	#ff0000	Whether	Select the item font color
tab-inactive-bg-color	String	#eeeeee	Whether	The item background color is not selected
tab-active-bg-color	String	#ffffff	Whether	Select the item background color
animation	Boolean	true	Whether	Whether to turn on the animation
bindtabclick	eventhandle		Whether	Triggered when clicking tab, e.detail
bindchange	eventhandle		Whether	Content area scrolling causes tab to be triggered when it changes, e.detail

vtabs-content

Portrait tab content.

Property	Type	The default	Required	Description
tab-index	Number	0	Is	vtabs data index (starting from 0)