原生微信小程序开发引入colorUI组件

一、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组件引入完成。