介绍
    
HeyUI 是一套基于 Vue2.0 的开源 UI 组件库,主要服务于一些中后台产品。HeyUI提供的是一整套解决方案,所有的组件提供全局的可配置模式。集成主流的国际化方案以及更加人性化的还支持VSCode扩展。
真正的数据驱动全局的配置模式数据字典化
 
    
     官网
    
文档:https://www.heyui.top/Gitee:https://gitee.com/heyui/heyuiGithub:https://github.com/heyui/heyui
     安装
    
推荐使用 npm 的方式安装。
npm install heyui
     示例
    
通过引用HeyUI,我们可以简单的写出一个应用界面。
 
    
      Hi!
     
       Hello HeyUI!
           
     
    
    
     支持环境
    
现代浏览器和 IE9 及以上。HeyUI支持 Vue.js 2.x版本
     组件预览
    
 
    以下组件预览不是所有都进行了截图,只是大致将一些组件展示出来:
Grid 栅格
 
    Layout 布局
 
    Color 色彩
 
    Icon 图标
 
    Extend 扩展
 
    Button 按钮
 
     
    Form
Input 输入框
 
    Radio 单选
 
    Checkbox 多选
 
    Select 下拉选择
 
    AutoComplete 模糊匹配
 
    NumberInput 数字输入
 
    TagInput 标签输入框
 
    HSwitch 开关
 
    Slider 滑块
 
    Rate 评分
 
    SwitchList 选项切换
 
    Form 表单
 
    Date
DatePicker 日期选择
 
    TimePicker 时间选择
 
    DatetimePicker 日期时间选择
 
    DateRangePicker 日期范围选择
 
    DateFullRangePicker 超级日期
 
    Data Plugin
Search 搜索框
 
    Uploader 上传
 
    Tree 树
 
    TreePicker 树选择
 
    Category 分类选择
 
    CategoryPicker 选择
 
    Transfer 穿梭框
 
    ColorPicker 颜色选择器
 
    Navigation
Breadcrumb 面包屑
 
    Menu 菜单
 
    Pagination 分页
 
    Tabs 标签页
 
    Steps 步骤条
 
    DropdownMenu 下拉菜单
 
    DropdownCustom 自定义下拉
 
    Data View
Table 表格
 
    Avatar 头像信息
 
    Badge 微标数
 
    Carousel 走马灯
 
    Collapse 折叠面板
 
    Circle 进度环
 
    Progress 进度条
 
    Loading 加载中
 
    LoadingBar 加载进度条
 
    Skeleton 加载占位图
 
    Timeline 时间轴
 
    ImagePreview 图片预览
 
    TextEllipsis 超出文本省略
 
    Message
Message 提示
 
    Notice 通知
 
    Modal 弹出框
 
    Tooltip 气泡提示
 
    Poptip 确定提示
 
    Plugin
Clipboard 复制剪切板
 
    Affix 图钉
 
    BackTop 返回顶部
 
    View
Panel 面板
 
    Tag 标签
 
    
     集成解决发难Heyui-admin
    
https://admin.heyui.top/ 
     
     
     
     
     
    
     在线运行
    
 
    
     总结
    
Heyui是一个高质量的组件一点也不为过,不仅如此,其还集成了一套适用于大多数中后台的完整集成解决方案,上手很快,而且组件非常丰富,大多数业务场景都能覆盖,非常值得尝试,enjoy it!
 
