1. 程式人生 > >Vue-ui常用元件庫整理

Vue-ui常用元件庫整理

Vue-ui常用元件庫整理

檢視全部整理內容==》

element-ui

Element 是由餓了麼UED設計、餓了麼大前端開發的一套基於 Vue 2.0 的桌面端元件庫。

這款是我用了很久的,比較適合開發後臺管理系統,官方更新和維護也很負責,元件也能滿足大部分開發需求

文件官網:http://element.eleme.io/#/zh-CN

github:http://github.com/elemefe

VUX

適合移動端

專案主頁:https://vux.li/#/

github地址:https://github.com/airyland/vux

iview

繼element之後嘗試的元件庫,個人感覺語法比element簡潔許多,功能和使用方面也很相似,ui風格相比element更簡練些定製主題也簡單,元件庫比ele多一些,可以嘗試

iView 配套的工作流:https://github.com/icarusion/vue-vueRouter-webpack
github地址:https://github.com/iview/iview
官網:https://www.iviewui.com/

Mint UI

專案主頁:http://mint-ui.github.io/#!/zh-cn
demo:http://elemefe.github.io/mint-ui/#/
github地址:https://github.com/ElemeFE/mint-ui
中文文件地址:http://mint-ui.github.io/docs/#!/zh-cn

Muse UI

響應性比較好

github地址:https://github.com/museui/muse-ui
中文文件地址:http://www.muse-ui.org/#/install

antd vue

只是列出來一下,不建議使用。比較早期的元件庫,當時積累的很多使用者,但是基本不更新,bug較多

中文文件:http://okoala.github.io/vue-antd/#!/components
github:https://github.com/okoala/vue-antd

 

vue-mui

元件比較少

官網:http://mui.yaobieting.com/
github地址:https://github.com/creatshare/vue-mui

 

radon-ui

大概看了一下,渲染方式和iview很相似,元件也比較豐富,可以嘗試下

中文文件:https://luojilab.github.io/radon-ui/#!/
github:https://github.com/luojilab/radon-ui

 

weex

社群:http://www.weex.help/
官網:http://weex-project.io/cn/
github:https://github.com/alibaba/weex

 

N3

想說這個文件介面看起來就很舒服啊~~

官網:https://n3-components.github.io/N3-components/
中文文件:https://n3-components.github.io/N3-components/component.html
英文文件:https://github.com/N3-components/N3-components

 

vuikit

github:https://github.com/vuikit/vuikit
英文文件:https://vuikit.js.org/#/

 

Vue-layout

 github:https://github.com/jaweii/Vue-Layout

專案地址:https://jaweii.github.io/Vue-Layout/dist/