@zero-ui/vue

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

使用方法

1. 安装zero-ui

// yarn
yarn add -D @zero-ui/vue
// npm
npm i -D @zero-ui/vue

2. 使用

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
二维码:

参考

• element
• ele-next
• element-plus

lisence

MIT