Record the method of introducing ColorUI in the uni-ui project

ColorUI is a high-looking, highly customized CSS component library suitable for H5, WeChat applets, Android, ios, and Alipay. So how to introduce ColorUI in the uni-ui project? The following article will introduce to you how to introduce the ColorUI-UniApp plug-in into the uni-ui project.

1. Search the uniapp plug-in market for the ColorUI-UniApp plug-in, download and unzip it

2. Copy the colorui file to the root directory of the uni-ui project, as shown in the figure:

3. The uni-ui project App.vue file configuration is as follows:

Now the uni-ui project introduces ColorUI-UniApp End of plug-in

4. Custom navigation bar

cu-custom.vue configuration is as follows:

main The .js configuration is as follows:

The pages.json configuration is as follows:

5. Page usage is as follows:

Page renderings:

Recommendation: "uniapp tutorial"

The above is the detailed content of Record the method of introducing ColorUI in the uni-ui project. For more information, please follow other related articles on the PHP Chinese website!