基于 Vue 的 UI 组件库现在已经有很多了,尤其是移动端的。现在又多了一个 iView 。
iView 主要服务于 PC 界面的中后台业务,是一套高质量的开源 UI 组件库,先上地址:
https://github.com/iview/iview
官网是:
目前版本是 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
组件截图
|  |      1loserwn      2016-09-30 11:14:19 +08:00 大家风格都差不多啊。 第一眼我以为是 antd 。 | 
|  |      2sarices      2016-09-30 11:21:01 +08:00  1 说实话,个人不太喜欢大小写的标签 | 
|  |      3ferrum      2016-09-30 11:23:33 +08:00 这是个人作品? 和饿了么那个 elements 有啥区别? | 
|  |      4Numbcoder      2016-09-30 11:26:40 +08:00 感觉像 饿了么 和 antd 的杂交品? | 
|  |      5xylitolLin      2016-09-30 11:31:59 +08:00 vue 实现的 antd 还改个名 iview ? 文档里都不提一下 antd ? | 
|  |      6sorra      2016-09-30 11:47:48 +08:00 支持 | 
|  |      7airyland      2016-09-30 12:07:39 +08:00 @xylitolLin 如果是参考 antd 为什么非得同名。。这个逻辑理解不了。 | 
|  |      8shellcodecow      2016-09-30 12:12:21 +08:00 提一下 antd 至少说明下参考的是哪个。。 | 
|  |      9ly710      2016-09-30 13:38:17 +08:00 本来想说好像 antd ,看了回复觉得就是抄袭啊。 | 
|  |      10learnshare      2016-09-30 14:00:49 +08:00 是有提到 Ant Design 的,你们在看啥? | 
|  |      11Aresn OP 文档介绍最底下写的很清楚: | 
|  |      12Aresn OP 文档介绍最底下写的很清楚: iView 部分组件和样式代码参考了以下项目: Ant Design vue-antd Vux | 
|      13ansongd      2016-09-30 16:17:35 +08:00 请问这个思维导图用那个工具做的? | 
|  |      15yhxx      2016-09-30 17:02:35 +08:00 这和 antd 不是一样的吗。。 | 
|  |      16omygod      2017-01-10 18:08:42 +08:00 where is file upload? | 
|      17sohucw      2017-08-01 20:29:48 +08:00 我也造个轮子  造轮子的过程就是学习 提供的过程 | 
|      18chahualao      2017-11-06 11:27:04 +08:00 @xylitolLin  来来,你自己来贡献一个自己的作品。 |