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>