一、colorUI组件下载地址:https://github.com/weilanwl/ColorUI
二、下载源码解压获得/demo
,复制目录下的 /colorui
文件夹到你的项目的/miniprogram
下;
三、项目下全局注册组件
App.wxss
引入关键Css main.wxss
icon.wxss
/**app.wxss**/
@import 'colorui/main.wxss';
@import 'colorui/icon.wxss';
四、测试
在index页面中加入按钮
1、打开index.wxml文件,写入colorUI提供的按钮代码:
<view>
<button class="cu-btn round bg-red">按钮</button>
</view>
保存预览,可以看到嫣红色的按钮在页面中显示,说明colorUI组件引入完成。