HEYUI,新的vue組件庫發布啦~~

是的,又一個新的vue組件庫發布了,前有element,後有iview,好像再寫一個挺容易失敗的,但是沒有辦法啦!我一定是患了只能用自己開發的組件的病,無藥可救了??

安裝使用:

npm install heyui

官網

UI Toolkit for Web, Vue2.0www.heyui.top

github

heyui/heyuigithub.com圖標

NPM

heyuiwww.npmjs.com圖標

我們還提供了一個admin的初級基礎架構系統heyui我們還提供了一個admin的初級基礎架構系統

HeyUI Adminadmin.heyui.top

下面,我把所有的組件鋪出來,大家如果對哪一些感興趣,可以先看看:

  • 樣式
    • Grid 布局
    • Color 色彩
    • Icon 圖標
    • Extend 擴展
    • Button 按鈕
  • Form
    • Input / Textarea 輸入框
    • Radio 單選
    • Checkbox 多選
    • Select 下拉選擇
    • AutoComplete 模糊匹配
    • NumberInput 數字輸入框
    • TagInput 標籤輸入框
    • Switch 開關
    • Slider 滑塊
    • Rate 評分
    • Form 表單
  • Plugin
    • Date
    • DatePicker 日期選擇
    • TimePicker 時間選擇
    • DatetimePicker 日期時間選擇
    • DateRangePicker 日期範圍選擇
    • DateFullRangePicker 超級日期
    • Advance
    • Upload 上傳
    • Tree 樹
    • TreePicker 樹選擇
    • Category 分類選擇
    • View
    • Table 表格
    • Menu 菜單
    • Pagination 分頁
    • Search 搜索框
    • Badge 微標數
    • Progress 進度條
    • Circle 進度環
    • Steps 步驟條
    • Tabs 標籤頁
    • SwitchList 選項
    • Timeline 時間軸
    • Other
    • DropdownCustom 下拉控制項
    • DropdownMenu 下拉菜單
    • Loading 載入中
    • LoadingBar 載入進度條
    • Affix 圖釘
    • BackTop 返回頂部
  • Message
    • Message 提示
    • Notice 通知
    • Modal 彈出框
    • Tooltip 氣泡提示
    • Poptip 確認提示
  • View
    • Tag 標籤
    • Panel 面板

本人強烈推薦:AutoComplete 模糊匹配、Tree 樹、DateFullRangePicker 超級日期,寫的還是小滿意。

還有heyui組件庫最大的特色:全局配置。

大家可以看一看裡面的示例,相信你會感興趣的。

以後每一周,我都會針對heyui組件庫寫一些教程,歡迎大家指點。

推薦閱讀:

關於Angular和vue的對話,對前端圈子到底起到什麼作用,能不能推進前端的發展?
Vue比React有什麼優點嗎?
Vue.js如何優雅的進行form validation?
既然用 virtual dom 可以提高性能,為什麼瀏覽器不直接自帶這個功能呢?
Vue.js 怎麼讓 B 組件「繼承」 A 組件的 props 屬性?

TAG:Vuejs | 前端組件 | iview |