微信小程序使用ColorUI组件库

前言

本组件库是样式库 并不是别已经做好的控件 而是别人已经做好的样式 在原来的基础控件上加上这些样式 就会变成该组件库的模样

开始

首先该组件库的组件的效果可以扫下面的小程序码来查看

官网引用安装讲解如下
Github: https://github.com/weilanwl/ColorUI

下面讲解本人如何引用安装该组件库
第一步：官网下载文件

地址：https://www.color-ui.com/

点击下载以后解压 选中demo/colorui 下面的main.wxss文件和icon.wxss文件

然后复制粘贴这两个文件到你项目的根目录下

然后再app.wxss文件中引入这两个样式文件
/app.wxss/
@import “main.wxss”;
@import “icon.wxss”;

然后打开官网下载文件中的demo
在开发工具的项目 中 点击导入项目
选中刚的demo文件

但如以后如图

然后就找到自己喜欢的控件 然后在wxml文件中复制粘贴过去就好
复制后大部分样式都是main.wxss和icon.wxss文件中写好了 少部分可以自己改