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

2016 年 9 月 30 日
 Aresn

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

先睹为快

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

https://github.com/iview/iview

官网是:

https://www.iviewui.com/

特性

计划

目前版本是 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

组件截图

85142 次点击
所在节点    Vue.js
18 条回复
loserwn
2016 年 9 月 30 日
大家风格都差不多啊。 第一眼我以为是 antd 。
sarices
2016 年 9 月 30 日
说实话,个人不太喜欢大小写的标签
bayallen
2016 年 9 月 30 日
这是个人作品?

和饿了么那个 elements 有啥区别?
Numbcoder
2016 年 9 月 30 日
感觉像 饿了么 和 antd 的杂交品?
xylitolLin
2016 年 9 月 30 日
vue 实现的 antd 还改个名 iview ? 文档里都不提一下 antd ?
sorra
2016 年 9 月 30 日
支持
airyland
2016 年 9 月 30 日
@xylitolLin 如果是参考 antd 为什么非得同名。。这个逻辑理解不了。
shellcodecow
2016 年 9 月 30 日
提一下 antd 至少说明下参考的是哪个。。
ly710
2016 年 9 月 30 日
本来想说好像 antd ,看了回复觉得就是抄袭啊。
learnshare
2016 年 9 月 30 日
是有提到 Ant Design 的,你们在看啥?
Aresn
2016 年 9 月 30 日
文档介绍最底下写的很清楚:
Aresn
2016 年 9 月 30 日
文档介绍最底下写的很清楚:
iView 部分组件和样式代码参考了以下项目:
Ant Design
vue-antd
Vux
ansongd
2016 年 9 月 30 日
请问这个思维导图用那个工具做的?
ua
2016 年 9 月 30 日
@ansongd mindnode
yhxx
2016 年 9 月 30 日
这和 antd 不是一样的吗。。
omygod
2017 年 1 月 10 日
where is file upload?
sohucw
2017 年 8 月 1 日
我也造个轮子 造轮子的过程就是学习 提供的过程
chahualao
2017 年 11 月 6 日
@xylitolLin 来来,你自己来贡献一个自己的作品。

这是一个专为移动设备优化的页面(即为了让你能够在 Google 搜索结果里秒开这个页面),如果你希望参与 V2EX 社区的讨论,你可以继续到 V2EX 上打开本讨论主题的完整版本。

https://v2ex.xtra.eu.org/t/309935

V2EX 是创意工作者们的社区,是一个分享自己正在做的有趣事物、交流想法,可以遇见新朋友甚至新机会的地方。

V2EX is a community of developers, designers and creative people.

© 2021 V2EX