The basic introduction and use of the uni-ui component library in the twelfth lesson 


1. Basic introduction and use of uni-ui component library

 

picture

 

picture

picture


Log in to the DCloud user account;

 

picture


HBuildX also needs to log in;

picture

 

picture


picture

(1) Import components

 

picture

(2) Registering components

 

picture

( 3 ) Use components

 

picture

Shortcut key: Shift+tab , Alignment indent:

 

picture

 

picture

 

This component conforms to the easycom specification. Since HBuilderX 2.5.5 , you only need to import this component into the project and use it directly in the page template , without importing and registering components in the page .

 

picture

 

picture

 

picture

 

picture

 

picture

 

picture

 

picture

 

picture

 

picture

 

picture

 

picture