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