Skip to content

x-extends/vxe-pc-ui

Repository files navigation

vxe-pc-ui

简体中文 | 繁體中文 | English

star npm version NodeJS with Webpack npm downloads issues issues closed pull requests pull requests closed npm license

一个基于 vue 的 PC 端组件库

浏览器支持

Edge Chrome Firefox Opera Safari
80+ ✔ 80+ ✔ 90+ ✔ 75+ ✔ 10+ ✔

功能点

👀 Vxe UI

  • alert 警告提示
  • anchor 锚点
  • anchor-link 锚点-链接
  • breadcrumb 面包屑
  • breadcrumb-item 面包屑-项
  • button 按钮
  • button-group 按钮组
  • calendar 日历
  • card 卡片
  • carousel 走马灯
  • carousel-item 走马灯 - 项
  • checkbox 复选框
  • checkbox-group 复选框-组
  • col 列
  • collapse 展开面板
  • collapse-pane 展开面板-容器
  • date-picker 日期选择器
  • drawer 抽屉
  • flow-design 流程设计器
  • flow-view 流程设计器-视图渲染
  • form 表单
  • form-design 表单设计器
  • form-gather 表单-容器
  • form-item 表单-项
  • form-view 表单设计器-视图渲染
  • icon 图标
  • icon-picker 图标选择
  • image 图片
  • image-group 图片组
  • image-preview 图片预览
  • input 输入框
  • layout-aside 页面布局-左侧
  • layout-body 页面布局-内容
  • layout-container 页面布局-容器
  • layout-footer 页面布局-页尾
  • layout-header 页面布局-页头
  • link 链接
  • list-design 列表设计器
  • list-view 列表设计器-视图渲染
  • list 虚拟列表
  • loading 加载中
  • menu 菜单
  • modal 模态窗口
  • number-input 数值输入框
  • optgroup 下拉框-分组项
  • option 下拉框-项
  • pager 分页
  • password-input 密码输入框
  • print 打印
  • print-page-break 分页打印
  • pulldown 下拉容器
  • radio 单选框
  • radio-button 单选框-按钮
  • radio-group 单选框-组
  • row 行
  • select 下拉框
  • switch 开关
  • tab-pane 页签-容器
  • tabs 页签
  • textarea 文本域
  • tip 提示
  • tooltip 文字提示
  • tree 树形组件
  • tree-select 树形下拉框
  • upload 附件上传

👀 Vxe Table

  • table 表格
  • column 表格-列
  • colgroup 表格-分组列
  • toolbar 表格-工具栏
  • grid 表格-配置式

安装

npm install vxe-pc-ui
// ...
import VxeUI from 'vxe-pc-ui'
import 'vxe-pc-ui/lib/style.css'
// ...

createApp(App).use(VxeUI).mount('#app')

运行项目

安装依赖

npm run update

启动本地调试

npm run serve

编译打包,生成编译后的目录:es,lib

npm run lib

PR

  1. 如果是修复 bug,必须有示例的复现链接
  2. 如果新功能,涉及代码风格、质量、还需有对应的示例页面

Contributors

Thank you to everyone who contributed to this project.

vxe-pc-ui

License

MIT © 2019-present, Xu Liangzhan