Skip to content

kscript/zero

Repository files navigation

@zero-ui/vue

使用 vue3 重构的 element-ui 组件库

使用方法

  1. 安装zero-ui
// yarn
yarn add -D @zero-ui/vue
// npm
npm i -D @zero-ui/vue
  1. 使用
import { createApp } from 'vue'
import App from './App.vue'
import ZeroUI from '@zero-ui/vue'
import '@zero-ui/vue/lib/zero.css'
createApp(App).use(ZeroUI).mount('#app')

在线demo

@zero-ui/vue

现有组件

  • Alert 警告
  • Avatar 头像
  • Backtop 返回顶部
  • Badge 标记
  • Breadcrumb 面包屑
  • Button 按钮
  • Calendar 日历
  • Card 卡片
  • Carousel 走马灯
  • Checkbox 多选框
  • Code* 代码块
  • Collapse 折叠面板
  • Dialog 对话框
  • Divider 分割线
  • Drawer 抽屉
  • Form 表单
  • Icon 图标
  • Input 输入框
  • Image 图片
  • InfiniteScroll 无限滚动
  • Link 链接
  • Markdown*
  • Pagination 分页
  • Progress 进度条
  • Radio 单选框
  • Rate 评分
  • Select 选择器
  • Steps 步骤条
  • Scrollbar 滚动条
  • Switch 开关
  • Tag 标签
  • Timeline 时间线
  • Container 布局容器 (Container/Header/Aside/Main/Footer)
  • Layout 布局 (Row/Col)

带*号的组件是新添加的, 不在element-ui组件库之内

贡献指南

如果你也想要为重构vue3版本的element-ui出一份力, 可以先浏览参考这份贡献指南 Guide, 方便快速上手

交流群

前端技术交流群(QQ)
群号: 218699135
二维码:

参考

lisence

MIT