iView:一套基於 Vue 的高質量 UI 組件庫
02-08
基於Vue的UI組件庫現在已經有很多了,尤其是移動端的。現在又多了一個 iView 。
先睹為快
iView 主要服務於PC界面的中後台業務,是一套高質量的開源UI組件庫,先上地址:
GitHub - iview/iview: UI Components with Vue
官網是:
iView - 一套高質量的UI組件庫
特性
- 使用單文件的Vue組件化開發模式
- 基於 npm + webpack + babel 開發,支持 ES2015
- 高質量、功能豐富
- 友好的 API ,自由靈活地使用空間
- 詳細、友好的文檔,事無巨細
計劃
目前版本是 npm v0.9.2,下圖為1.x的計劃:
使用
安裝
$ npm install iview --save
示例(分頁組件)
<template> <Page :current="1" :total="100"></Page></template><script> import { Page } from iview; export default { components: { Page } }</script>
使用css
import iview/dist/styles/iview.css;
效果:
後續計劃
iView 會持續輸出高質量的組件,並後續推出自定義皮膚、套件的服務。
如果您想貢獻代碼,請 fork 後提交 PR,開發規範見:
iView - 一套高質量的UI組件庫
組件截圖
推薦閱讀:
※翻譯 | 玩轉 React 表單 —— 受控組件詳解
※前端學習幾年後遇到瓶頸了,該怎麼辦?
※使用純粹的JS構建 Web Component