# SUI

> 基于Vue.js 2.0 的UI组件库

### 安装

#### npm 安装
````html
import sui from 'szzt-sui/src'
import 'szzt-sui/dist/css/sui.css'
Vue.use(sui)
````
#### 使用 script 标签
````js
<!-- 引入样式 -->
<link rel="stylesheet" href="./sui.css">
 <!-- 先引入 Vue -->
<script src="./vue.min.js"></script>
<!-- 引入组件库 -->
<script src="./sui.js"></script>
````

### 组件概览

#### 基本组件
|组件     |说明        |状态      |文档                     |计划周期|
|:------:|:----------:|:--------:|:----------------------:|:-------:|
|layout  |布局        |测试中     |[文档](docs/layout.md)   |-       |
|icon    |图标        |测试中     |[文档](docs/icon.md)     |-       |
|button  |按钮        |改造中     |[文档](docs/button.md)   |-       |
|loading |加载        |测试中     |[文档](docs/loading.md)  |-       |
|timer   |倒计时      |改造中     |[文档](docs/timer.md)    |-       |
|home-card |首页卡片  |改造中     |[文档](docs/homeCard.md) |-       |
|card    |卡片        |测试中     |-                        |-       |
|checkbox|复现框      |测试中     |-                        |-       |
|table   |表格        |测试中     |-                        |-       |
|message |消息框      |开发中     |-                        |-       |
#### 组合组件
|组件     |说明        |状态      |文档                     |计划周期|
|:------:|:----------:|:--------:|:----------------------:|:-------:|
|更新中.. |-           |-         |-   |-       |

#### 开发成员
* 叶智勇
* 屈晓明