# uni-next-colorui

**Repository Path**: cmsphpcom/uni-colorui-next

## Basic Information

- **Project Name**: uni-next-colorui
- **Description**: uni-next-colorui 一个基于colorui强化构造的uni-app组件库
- **Primary Language**: JavaScript
- **License**: MIT
- **Default Branch**: main
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 2
- **Created**: 2021-08-23
- **Last Updated**: 2021-08-23

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

![输入图片说明](https://images.gitee.com/uploads/images/2021/0415/115111_c20a241e_5335988.jpeg "hero.jpg")

_一个基于ColorUI CSS库二次开发的uni-app组件库 在原先的基础上扩展了如表单验证 属性切换 遵守dataCom开发规则_
感谢[@文晓港](https://github.com/weilanwl) 大神开发的uni-app平台中最符合我审美的一款css库

 :exclamation: 组件库现在还在开发中 后续还会加入更多内容 请勿在生产环境中使用

[打开预览地址](http://47.94.249.191)


# :zap: 快速使用

##  :zap: npm 安装
```shell
npm install uni-next-colorui -S
```

###  :oncoming_automobile: 项目中使用 -> uni-app 最新版本 main.js入口
```javascript
import colorui from 'uni-next-colorui'
import 'uni-next-colorui/style/index.css'
Vue.use(colorui)
```

##  :zap: 按需引入
```javascript
import {cuButton} from 'uni-next-colorui'
import 'uni-next-colorui/style/index.css'
Vue.component('cuButton',cuButton)
```

### 已实现组件 :tw-1f525: 
 :tw-2705: Tag标签<br/>
 :tw-2705: Progress进度条<br/>
 :tw-2705: Icon图标<br/>
 :tw-2705: Layout布局<br/>
 :tw-2705: Banner轮播图<br/>
 :tw-2705: List列表<br/>
 :tw-2705: MsgList消息列表<br/>
 :tw-2705: GridList宫格菜单<br/>
 :tw-2705: TimeLine时间轴<br/>

### 表单组件  :tw-1f522: 
 :tw-2705: Button按钮 <br/>
 :tw-2705: Switch开关<br/>
 :tw-2705: Input输入框<br/>
 :tw-2705: Select选择器<br/>
 :tw-2705: Radio单项选择器<br/>
 :tw-2705: Checkbox多项选择器<br/>
 :tw-2705: Upload上传组件<br/>
 :tw-2705: Avatar头像<br/>
 :tw-2705: textarea文本域组件


### Customize configuration
See [Configuration Reference](https://cli.vuejs.org/config/).