HEYUI,新的vue組件庫發布啦~~
03-07
是的,又一個新的vue組件庫發布了,前有element,後有iview,好像再寫一個挺容易失敗的,但是沒有辦法啦!我一定是患了只能用自己開發的組件的病,無藥可救了??
安裝使用:
npm install heyui
官網
UI Toolkit for Web, Vue2.0
github
heyui/heyui
NPM
heyui
我們還提供了一個admin的初級基礎架構系統heyui我們還提供了一個admin的初級基礎架構系統
HeyUI Admin下面,我把所有的組件鋪出來,大家如果對哪一些感興趣,可以先看看:
- 樣式
- 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 屬性?