Tab View
Tab View: Generally used for splitting page content by type, allowing for horizontal swiping or clicking on subheadings to switch between content.
Last updated
Tab View: Generally used for splitting page content by type, allowing for horizontal swiping or clicking on subheadings to switch between content.
Last updated
The tab bar is generally used to split the page content according to the type, you can slide left/right/click on the sub-title to switch the content, and the interaction experience is smoother.
Pages with multiple status displays, such as the full list of orders in the mall (Pending Payment, Pending Shipment, Pending Receipt, Completed, Post-Sale) or invoice reimbursement related (Pending Perfection, In Progress, Dismissed, Approved)
There is a default style for the tab bar, as shown in the image below; the blue text with white background and underline is the selected style, and the black text with white background and no underline is the unselected style.
Users can also choose a custom style to edit the selected/unselected style of the corresponding tab bar (similar to the select view).For example: unchecked is gray text color + 12 font size, checked is orange text color +14 font size with selected underline.
Double-click to enter the sub-tab bar, you can individually configure the background color and other style content for a sub-tab bar, drag and drop other components to display the content, and so on.
Default tab bar index: when entering the page, the developer expects the user to see which tab first.Index: different from the traditional way of counting from 1, the computer's serial number order is from 0, if you expect to see the first tab, then this should be filled with 0, and so on, 0, 1, 2, 3
Click the "+" sign next to "Tabs" to add new tabs, and hover over the content of a tab to modify/delete/jump to that tab.