iView:一套基於Vue的高質量UI元件庫

Aresn發表於2019-03-04

基於Vue的UI元件庫現在已經有很多了,尤其是移動端的。現在又多了一個 iView 。

先睹為快

iView 主要服務於PC介面的中後臺業務,是一套高質量的開源UI元件庫,先上地址:

github.com/iview/iview

官網是:

www.iviewui.com/

特性

  • 使用單檔案的Vue元件化開發模式
  • 基於 npm + webpack + babel 開發,支援 ES2015
  • 高質量、功能豐富
  • 友好的 API ,自由靈活地使用空間
  • 詳細、友好的文件,事無鉅細

計劃

目前版本是 npm v0.9.2,下圖為1.x的計劃:

iView:一套基於Vue的高質量UI元件庫

使用

安裝

$ 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:一套基於Vue的高質量UI元件庫

後續計劃

iView 會持續輸出高質量的元件,並後續推出自定義皮膚、套件的服務。

如果您想貢獻程式碼,請 fork 後提交 PR,開發規範見:

www.iviewui.com/docs/guide/…

元件截圖

iView:一套基於Vue的高質量UI元件庫

相關文章