WeChat Mini Program Basic Components


Basic components


The MINA framework provides developers with a series of basic components, and developers can quickly develop by combining these basic components.

What is a component:

  • Component is the basic unit of the view layer.
  • The component comes with some functions and WeChat style styles.
  • A component usually includes start tag and end tag, attribute is used to modify this component, contentWithin two tags.

    <tagname property="value">
      Content goes here ...
    </tagename>

    Note: All components and properties are lowercase, connected with hyphens -

Property type


QQ截图20170208101122.png

Common attribute types


Attributes common to all components:

QQ截图20170208101138.png

Special attributes


Almost all components have their own defined attributes, which can modify the function or style of the component. Please refer to the definition of each component.

Component list


Basic components are divided into the following eight categories:

View Container:

QQ截图20170208101150.png

Basic Content:

QQ截图20170208101204.png

##Form:

QQ截图20170208101210.png

##Operation Feedback (Interaction):

QQ截图20170208101216.png

Navigation:

QQ截图20170208101222.png##Multimedia (Media):

QQ截图20170208101227.png##Map:

Component nameDescription##mapmapCanvas:

Component name

Descriptioncanvascanvas