AileUI 是一个基于 Vue 2 和 Element UI 进行二次开发的UI库，包含以下常用组件：
- Autocomplete 带输入建议的输入框
- Avatar 头像
- Card 卡片容器
- Dialog 对话框
- Form 表单
- Input 输入框
- Link 链接
- Select 下拉选择器
- Table 表格
- Tooltip 提示框
每种组件均在原有 ElementUI 的基础上进行了功能增强，例如 Form 和 Table 组件实现了配置化开发，可通过书写JSX语法传入 column 属性完成配置，而 Select 和 Autocomplete 组件则实现了无限滚动加载的功能，更多功能可点击上方列表阅读相应 README.md 文档
点击访问：AileUI
通过 npm 或者 yarn 安装项目
npm i aile-ui element-ui
# 或者
yarn add aile-ui element-ui引用组件，根据需要可全局引入或者局部引入
注意：由于 AileUI 是基于 ElementUI 进行的二次开发，因此需全局引入 ElementUI 组件后方可正常使用
main.js 全局引入
import Vue from 'vue'
import Element from 'element-ui'
import 'element-ui/lib/theme-chalk/index.css'
// 方式1：引入全部组件包并设置参数，key的名称是组件类别
import AileUI from 'aile-ui'
Vue.use(AileUI, {
autocomplete: {
clearable: true,
config: {
trim: true
}
}
})
// 方式2：引入单独组件并设置参数
import AileAutocomplete from 'aile-ui/lib/autocomplete'
Vue.use(AileAutocomplete, {
clearable: true,
config: {
trim: true
}
});Demo.vue 局部引入
import AileAutocomplete from 'aile-ui/lib/autocomplete'
export default {
components: {
AileAutocomplete
}
}
React
Typescript
Django
Laravel
Facebook
Microsoft
Google
Alibaba
D3
Tencent