Home > Web Front-end > uni-app > Record the method of introducing ColorUI in the uni-ui project

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

青灯夜游
Release: 2021-12-20 14:43:50
forward
3285 people have browsed it

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.

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

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

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

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

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

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

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

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

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

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

4. Custom navigation bar

cu-custom.vue configuration is as follows:

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

main The .js configuration is as follows:

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

The pages.json configuration is as follows:

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

5. Page usage is as follows:

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

Page renderings:

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

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!

source:juejin.cn
Statement of this Website
The content of this article is voluntarily contributed by netizens, and the copyright belongs to the original author. This site does not assume corresponding legal responsibility. If you find any content suspected of plagiarism or infringement, please contact admin@php.cn
Popular Tutorials
More>
Latest Downloads
More>
Web Effects
Website Source Code
Website Materials
Front End Template