first lesson


1. Create and run the hello -uni project:

 

picture

 

picture

 

picture

 

picture


picture

 

picture

 

picture

 

picture

 

picture

 

picture

 

picture

 

picture

Global configuration and page configuration:

2. Global configuration through globalStyle :

 

picture

 

2.1 "globalStyle":" navigationBar BackgroundColor": "#7FFF00", the background color of the navigation bar (same as the background color of the status bar)

 

picture

 

picture

 

2.2 "globalStyle":" navigationBar TextStyle": "white", the title color of the navigation bar and the foreground color of the status bar, only black/white is supported

 

picture

 

picture

 

2.3 "globalStyle": " navigationBar TitleText": " Mini Program App", the title text content of the navigation bar

 

picture

 

picture

 

picture

 

2.4 "globalStyle":"enablePullDownRefresh": true , whether to enable pull-down refresh

 

picture

 

picture

2.5 "globalStyle":"backgroundColor": "#7CCD7C", the background color of the window displayed by the drop-down

 

picture

 

picture

 

2.6 "globalStyle":"backgroundTextStyle":"light" , the style of drop -down loading, only supports dark / light

 

picture

 

picture