uniapp如何引入colorUI_uniapp引入colorui

color UI 使用文档

https://www.kancloud.cn/m22543/colorui/1289227

Uni-app中引入第三方ColorUI

1.去colorui官网下载colorui压缩包

官方网址：https://www.color-ui.com

2.解压压缩包，将colorui文件夹放到自己的项目中

3.在main.js中引入cu-custom组件

import cuCustom from 'colorui/components/cu-custom.vue'
Vue.component('cu-custom',cuCustom)
1
2

4.在app.vue中引入css

@import "colorui/main.css";
@import "colorui/icon.css";
1
2

5.引入colorUI的样式写法，看能否成功展示，成功展示表示成功引入

<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>
1
2
3
4

效果展示：