UI库colorui的使用————小程序
下边开始介绍它的使用方法,我们从先从github上下载的它的文件:
GitHub地址:https://github.com/weilanwl/ColorUI/
压缩有发现有两个文件夹:
这两个文件夹都是可以直接部署在小程序开发工具上的项目,第一个就是ColorUI的作者制作的ColorUI小程序的项目源码,我们可以将其导入到小程序开发工具中,查看每个组建的源码并且使用,第二个template是一个空白的小程序模板,作者已经将ColorUI的使用环境搭建好了,我们可以直接在上边开始我们自己的项目。
接下来-----------------》
把colorui文件放到你的小程序中
包含文件:
icon.wxss+main.wxss+components(文件夹里有icon和一些组件)+animation.wxss
app.wxss
/**app.wxss**/* @import "colorui/icon.wxss";//定义使用colorui的组件 @import "colorui/main.wxss";
使用,在index.wxml中直接使用。(没有官方文档,你只能边对照colorui案例,边做。)
index.wxml
<view class="padding flex flex-direction"> <button class="cu-btn bg-grey lg">玄灰</button> <button class="cu-btn bg-red margin-tb-sm lg">嫣红</button> </view>