Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/337547038/ak-vue3
组件库包含了 AutoForm 自动表单、BackTop 返回顶部、Breadcrumb 面包屑、 Button 按钮、Cascader 级联选择器、Checkbox 多选框、Collapse 折叠面板、ColorPicker 颜色选择器、DataPicker 时间选择器、Dialog 弹层对话框、Alert 弹框、Echarts 图形图表、Form 表单、Input 输入框、Lazy 图片延时加载、Loading 加载等待、Menu 菜单、Pagination 分页、Progress 进度条、Radio 单选框、Select 选择器、Steps 步骤条、Swiper 图片轮播、Switch 开关、Table 表格、Tabs 标签页、Textarea 文本框、Tooltip 提示、Transfer 穿梭框、Tree 树形、Upload 上传等常用组件
https://github.com/337547038/ak-vue3
datepicker dialog form message table tabs tooltip tree upload vite vitejs vue3
Last synced: 5 days ago
JSON representation
组件库包含了 AutoForm 自动表单、BackTop 返回顶部、Breadcrumb 面包屑、 Button 按钮、Cascader 级联选择器、Checkbox 多选框、Collapse 折叠面板、ColorPicker 颜色选择器、DataPicker 时间选择器、Dialog 弹层对话框、Alert 弹框、Echarts 图形图表、Form 表单、Input 输入框、Lazy 图片延时加载、Loading 加载等待、Menu 菜单、Pagination 分页、Progress 进度条、Radio 单选框、Select 选择器、Steps 步骤条、Swiper 图片轮播、Switch 开关、Table 表格、Tabs 标签页、Textarea 文本框、Tooltip 提示、Transfer 穿梭框、Tree 树形、Upload 上传等常用组件
- Host: GitHub
- URL: https://github.com/337547038/ak-vue3
- Owner: 337547038
- Created: 2021-07-09T03:07:52.000Z (over 3 years ago)
- Default Branch: master
- Last Pushed: 2023-11-21T09:37:24.000Z (12 months ago)
- Last Synced: 2024-09-25T11:20:53.787Z (about 2 months ago)
- Topics: datepicker, dialog, form, message, table, tabs, tooltip, tree, upload, vite, vitejs, vue3
- Language: Vue
- Homepage: https://337547038.github.io/ak-vue3/
- Size: 10.2 MB
- Stars: 75
- Watchers: 5
- Forks: 29
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# ak-vue
填坑 Vue3 + Typescript + Vite，用于学习研究，欢迎交流，微信:337547038
**特点**
- 不使用第三方插件或库，保证代码简洁、轻量、易上手
- 提供了一系列丰富、可复用的UI组件
- 提供丰富的插槽和事件接口，方便进行二次开发
## 演示地址 Demo
https://337547038.github.io/ak-vue3/
## 微信交流群
## 安装使用
```shell
pnpm install ak-vue3
```
```ts
// main.ts
import AKVUE from 'ak-vue3'
import 'ak-vue3/style.css' // 引入组件栏目
import 'ak-vue3/iconfont.css' // 引入iconfont图
app.use(AKVUE)
```
若不使用npm安装，可按下面操作按需复制相应组件到你项目：
1.将`/src/packages`复制到你的项目目录下，然后在`main.js`中引入并注册即可;
2.复制`/public/static/iconfont`到项目下，在`index.html`引入组件所需的字体图标；
```javascript
import AKUI from './packages'
app.use(AKUI)
```
## vue2 版本
vue2.x 版本的请点击这里进去
https://github.com/337547038/Vue-UI-for-PC
https://gitee.com/q337547038/ak-vue
## react 版本
https://github.com/337547038/vite-react
## 组件 UI 库说明
组件库包含了 AutoForm 自动表单、BackTop 返回顶部、Breadcrumb 面包屑、 Button 按钮、Cascader 级联选择器、Checkbox 多选框、Collapse 折叠面板、ColorPicker
颜色选择器、DataPicker 时间选择器、Dialog 弹层对话框、Alert 弹框、Echarts 图形图表、Form 表单、Input 输入框、Lazy 图片延时加载、Loading 加载等待、Menu 菜单、Pagination
分页、Progress 进度条、Radio 单选框、Select 选择器、Steps 步骤条、Swiper 图片轮播、Switch 开关、Table 表格、Tabs 标签页、Textarea 文本框、Tooltip 提示、Transfer
穿梭框、Tree 树形、Upload 上传、Drawer 抽屉等常用组件
### 开发环境
| 名称 | 版本 |
|------|---------|
| node | 16.15.x |
| pnpm | 8.6.x |
| vite | 4.3.x |
| vue | 3.3.x |
```shell
pnpm install
pnpm dev
```