1、新建uniapp項(xiàng)目 test

2、導(dǎo)入colorUI示例項(xiàng)目用hbuildx導(dǎo)入（點(diǎn)擊跳轉(zhuǎn)到示例項(xiàng)目）

3、將示例項(xiàng)目中的 colorui 文件夾復(fù)制到 test 項(xiàng)目的根目錄

4、 test/App.vue 中引入 css

<style>@import "./colorui/main.css";@import "./colorui/icon.css";@import './common/app.css' </style>

完成以上步驟后，可以使用colorUI的組件了，下面以tag為例

<view class='cu-tag' class='bg-green'>測(cè)試標(biāo)簽</view>

淺色系

class="light"

此外，可以在掛載全局顏色

Vue.prototype.ColorList = [{title: '嫣紅',name: 'red',color: '#e54d42'},{title: '桔橙',name: 'orange',color: '#f37b1d'}]

其他頁面用的時(shí)候

data() {return {ColorList:this.ColorList}}, <view class='cu-tag radius light' :class="bg-'ColorList[2].name'">測(cè)試標(biāo)簽</view>

?

?

總結(jié)

以上是生活随笔為你收集整理的uniapp 使用 colorUI的全部?jī)?nèi)容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯(cuò)，歡迎將生活随笔推薦給好友。