# bin-ui

一套基于vue2.6的UI组件库，提供常用组件和公共样式、函数

## Docs

[document](https://wangbin3162.gitee.io/bin-ui/)

## install 安装

```bash
npm install bin-ui -S
```

## use 使用

使用静态引入

```
<!-- import stylesheet -->
<link rel="stylesheet" href="bin-ui/styles/index.css">
<!-- import bin-ui -->
<script src="bin-ui/bin-ui.umd.min.js"></script>
```

使用

```vue
<template>
    <b-button>测试按钮</b-button>
</template>
```

## 系统生态

***bin-ui*** 基于vue2.6的UI组件库

<a href="https://github.com/wangbin3162/bin-ui/" target="_blank">Github 仓库</a> | 
<a href="https://gitee.com/wangbin3162/bin-ui/" target="_blank">码云仓库</a> | 
<a href="https://wangbin3162.gitee.io/bin-ui/" target="_blank">文档说明</a>

***bin-ace-editor*** 基于vue，代码编辑器

<a href="https://github.com/wangbin3162/bin-ace-editor/" target="_blank">Github 仓库</a> | 
<a href="https://gitee.com/wangbin3162/bin-ace-editor/" target="_blank">码云仓库</a> | 
<a href="https://wangbin3162.gitee.io/bin-ace-editor/" target="_blank">文档说明</a>

***bin-tree-org*** 树形组织图组件

<a href="https://github.com/wangbin3162/bin-tree-org/" target="_blank">Github 仓库</a> | 
<a href="https://gitee.com/wangbin3162/bin-tree-org/" target="_blank">码云仓库</a> | 
<a href="https://wangbin3162.gitee.io/bin-tree-org" target="_blank">文档说明</a>

***bin-charts*** 基于vue、 echarts的图表封装组件

<a href="https://github.com/wangbin3162/bin-charts/" target="_blank">Github 仓库</a> | 
<a href="https://gitee.com/wangbin3162/bin-charts/" target="_blank">码云仓库</a> | 
<a href="https://wangbin3162.gitee.io/bin-charts/" target="_blank">文档说明</a>

***bin-animation*** 基于vue transition钩子函数的css3动画库

<a href="https://github.com/wangbin3162/bin-animation/" target="_blank">Github 仓库</a> | 
<a href="https://gitee.com/wangbin3162/bin-animation/" target="_blank">码云仓库</a> | 
<a href="https://wangbin3162.gitee.io/bin-animation/" target="_blank">文档地址</a>

***bin-keyframe-animation*** js关键帧动画库

<a href="https://github.com/wangbin3162/bin-keyframe-animation/" target="_blank">Github 仓库</a> | 
<a href="https://gitee.com/wangbin3162/bin-keyframe-animation/" target="_blank">码云仓库</a> | 
<a href="https://wangbin3162.gitee.io/bin-keyframe-animation/" target="_blank">预览地址</a>

***bin-admin*** 基于bin-ui的集成后台管理系统 2.0版本

<a href="https://github.com/wangbin3162/bin-admin/" target="_blank">Github 仓库</a> | 
<a href="https://gitee.com/wangbin3162/bin-admin/" target="_blank">码云仓库</a> | 
<a href="https://wangbin3162.gitee.io/bin-admin/" target="_blank">预览地址</a>

***bin-data*** 基于bin-ui的数据可视化系统平台

<a href="https://github.com/wangbin3162/bin-data/" target="_blank">Github 仓库</a> | 
<a href="https://gitee.com/wangbin3162/bin-data/" target="_blank">码云仓库</a> | 
<a href="https://wangbin3162.gitee.io/bin-data/" target="_blank">预览地址</a>

***vue-admin*** 后台管理系统1.0版本，无登录和权限验证，基于element-ui和bin-ui

<a href="https://github.com/wangbin3162/vue-admin/" target="_blank">Github 仓库</a> | 
<a href="https://gitee.com/wangbin3162/vue-admin/" target="_blank">码云仓库</a> | 
<a href="https://wangbin3162.gitee.io/vue-admin/" target="_blank">预览地址</a>

***bin-static-web*** 静态页面脚手架,可快速拉取编写静态文件，并可打包es6

<a href="https://github.com/wangbin3162/bin-static-web/" target="_blank">Github 仓库</a> | 
<a href="https://gitee.com/wangbin3162/bin-static-web/" target="_blank">码云仓库</a> | 
<a href="https://wangbin3162.gitee.io/bin-static-web/" target="_blank">预览地址</a>

***bin-cli*** webpack4脚手架工具，支持IE

<a href="https://github.com/wangbin3162/bin-cli/" target="_blank">Github 仓库</a> | 
<a href="https://gitee.com/wangbin3162/bin-cli/" target="_blank">码云仓库</a>

***bin-lib*** 库模式打包附带文档脚手架工具

<a href="https://github.com/wangbin3162/bin-lib/" target="_blank">Github 仓库</a> | 
<a href="https://gitee.com/wangbin3162/bin-lib/" target="_blank">码云仓库</a>