The ColorUI of the mini program is a very excellent UI developed based on native. It allows us to use it very well and well during the development process. For detailed introduction, please refer to ColorUI official website: http://docs.xzeu.com/#/
1. Download ColorUI
Click GitHub on the homepage of the official website to enter the download page. Then follow the instructions as shown below.
After the download is completed, unzip it and open it. The directory structure will be displayed as follows:
2. Introducing ColorUI
1. Copy the colorui folder
Open the demo folder in the directory structure above, copy the entire colorui folder inside to your mini program project, and place it at the same level as the pages folder.
2. Set the import path
Open the app.wxss file in the project directory and write the following code in it:
/**app.wxss**/
@import '/colorui/main.wxss';
@import '/colorui/icon.wxss';
@import '/colorui/animation.wxss';
3. Development documents
During the development process, you can refer to the official documentation: http://docs.xzeu.com/#/info/Quick Start/Quick Deployment
Similarly, you can also directly open the demo file provided in the ColorUI file package, find the desired content from it, and copy it directly to your personal project.
4. ColorUi official package
In order to facilitate everyone's downloading, I have uploaded the downloaded ColorUi2.0 package to CSDN. You can download it directly from here: https://download.csdn.net/download/m0_60318025/87894170