基于 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
组件截图
1
loserwn Sep 30, 2016
大家风格都差不多啊。 第一眼我以为是 antd 。
|
2
sarices Sep 30, 2016 说实话,个人不太喜欢大小写的标签
|
3
ferrum Sep 30, 2016
这是个人作品?
和饿了么那个 elements 有啥区别? |
4
Numbcoder Sep 30, 2016
感觉像 饿了么 和 antd 的杂交品?
|
5
xylitolLin Sep 30, 2016
vue 实现的 antd 还改个名 iview ? 文档里都不提一下 antd ?
|
6
sorra Sep 30, 2016
支持
|
7
airyland Sep 30, 2016
@xylitolLin 如果是参考 antd 为什么非得同名。。这个逻辑理解不了。
|
8
shellcodecow Sep 30, 2016
提一下 antd 至少说明下参考的是哪个。。
|
9
ly710 Sep 30, 2016
本来想说好像 antd ,看了回复觉得就是抄袭啊。
|
10
learnshare Sep 30, 2016
是有提到 Ant Design 的,你们在看啥?
|
11
Aresn OP 文档介绍最底下写的很清楚:
|
12
Aresn OP 文档介绍最底下写的很清楚:
iView 部分组件和样式代码参考了以下项目: Ant Design vue-antd Vux |
13
ansongd Sep 30, 2016
请问这个思维导图用那个工具做的?
|
15
yhxx Sep 30, 2016
这和 antd 不是一样的吗。。
|
16
omygod Jan 10, 2017
where is file upload?
|
17
sohucw Aug 1, 2017
我也造个轮子 造轮子的过程就是学习 提供的过程
|
18
chahualao Nov 6, 2017
@xylitolLin 来来,你自己来贡献一个自己的作品。
|