iView：一套基于 Vue 的高质量 UI 组件库

[Aresn]

基于 Vue 的 UI 组件库现在已经有很多了，尤其是移动端的。现在又多了一个 iView 。

先睹为快

iView 主要服务于 PC 界面的中后台业务，是一套高质量的开源 UI 组件库，先上地址：

https://github.com/iview/iview

官网是：

https://www.iviewui.com/

特性

• 使用单文件的 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 ，开发规范见：

https://www.iviewui.com/docs/guide/standard

组件截图

[loserwn]

大家风格都差不多啊。 第一眼我以为是 antd 。

[sarices]

说实话，个人不太喜欢大小写的标签

[ferrum]

这是个人作品？

和饿了么那个 elements 有啥区别？

[Numbcoder]

感觉像 饿了么 和 antd 的杂交品？

[xylitolLin]

vue 实现的 antd 还改个名 iview ? 文档里都不提一下 antd ？

[sorra]

支持

[airyland]

@xylitolLin 如果是参考 antd 为什么非得同名。。这个逻辑理解不了。

[shellcodecow]

提一下 antd 至少说明下参考的是哪个。。

[ly710]

本来想说好像 antd ，看了回复觉得就是抄袭啊。

[learnshare]

是有提到 Ant Design 的，你们在看啥？

[Aresn]

文档介绍最底下写的很清楚：

[Aresn]

文档介绍最底下写的很清楚：
iView 部分组件和样式代码参考了以下项目：
Ant Design
vue-antd
Vux

[ansongd]

请问这个思维导图用那个工具做的？

[dovis]

@ansongd mindnode

[yhxx]

这和 antd 不是一样的吗。。

[omygod]

where is file upload?

[sohucw]

我也造个轮子 造轮子的过程就是学习 提供的过程

[chahualao]

@xylitolLin 来来，你自己来贡献一个自己的作品。