Extended Component Reference

2022-07-08 02:08

Layout Navigation

Component Name	Function Description
Container	Make the style of all elements in the container more consistent, such as margins between elements.
Title	Display the title of each page.
List	List
List-item	Customize items in a list.
List-secondary	Display the additional information on the right side of the list item.
Tabs	Tabs allow the user to switch between different views in landscape.
VTabs	Vtabs allow the user to switch between different views in vertical.
Card	Card.
Coupon	Display the coupon, red packet, and ticket that can be redeemed by users.
Grid	Grid.
Steps	Show the progress bar as per the steps.
Footer	Show the page footer.
Terms	Users must agree with terms before using or activating the service.
Flex	Flex layout.
Pagination	Pagination.
Collapse	Collapse panel.

Float

Component Name	Function Description
Popover	Popover.
Filter	Use as tab filter.
Modal	Dialog box.
Popup	Popup menu.

Result

Component Name	Function Description
PageResult	Page result.
Message	Message.

Guide

Component Name	Function Description
Tips	Tips.
Notice	Notice.
Badge	Red dot, number or text used to tell the user the number of things or updates to be handled.
Tag	Highlight the information, such as the warning.
Mask	Display the pop-up element with a mask.
Guide	Teach users to use features on a mask.
Avatar	Display avatars.

Form

Component Name	Function Description
InputItem	Text input.
Verify Code	Display the input box of the verification code.
PickerItem	Pick to input.
Long password	Display the input box for the password.
Multi Liner	Allow users to enter multiple lines of content in an input box.
AmountInput	Input money number.
Button	Allow users to perform actions or make choices.
Am-switch	Change the state on or off.
SearchBar	Search box.
AMRadio	Allow users to select radio buttons.
AMCheckBox	Multiple check box.

Gesture

Component Name	Function Description
SwipeAction	Slide cell.

Other

Component Name	Function Description
Calendar	Calendar.
Stepper	Stepper.
AMIcon	Icons.
Alphabet	Arrange content in the alphabetical order.
Loading	Display the loading animation.

Experience Mini Program

Developers can use the Android Demo App to scan the QR code shown in the extended component documents.