前言：colorUI的官方文檔

文檔：https://www.kancloud.cn/m22543/colorui/1289225 在線colorUI：http://demo.color-ui.com/h5.html#/pages/basics/layout

建議直接在工具中運行uniapp-color，在瀏覽器或者微信開發者工具中看
1.下載colorUI

https://www.color-ui.com/

2.創建一個uniapp項目
3.將下載的colorUI文件中的colorUI文件夾復制項目中

4.在app.vue文件中引入兩個css

@import "colorui/main.wxss"; @import "colorui/icon.wxss";

5.在模板中使用即可，隨意些一段代碼測試

<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>

總結

以上是生活随笔為你收集整理的uniapp中引入colorUI的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。