iView:一套基于 Vue 的高质量 UI 组件库
基于Vue的UI组件库现在已经有很多了,尤其是移动端的。现在又多了一个 iView 。
先睹为快
iView 主要服务于PC界面的中后台业务,是一套高质量的开源UI组件库,先上地址:
https://github.com/iview/iview
官网是:
特性
- 使用单文件的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/standar...
组件截图
本帖已被设为精华帖!
本帖由系统于 8年前 自动加精
快速上手
感觉对于非全栈用起这些来还是有难度的,特别是团队开发。
我们之前也整了一个脚手架,但实施中发现并不能完全vue,后来做了调整,没有坚持所有的用vue组件,而只是为了让后端开发有更多现成的工具可用。
https://github.com/terranc/LFUI
作为后台一个能适配移动端的
table
组件不可少哦,可以加到版图中去就看样子来说这个和
ant
好像没有
table
+1@不舍得你
Element
是你开发的吗?@dinghua 不是,这是饿了么前端团队开发的。
饿了么团队不错啊,想必这家公司也不错
这不就是antd么
感觉不错前两天还为jquery和vue结合而苦恼
Vue好像只能在node.js上跑?
@泽 使用 .vue 组件化需要依赖 webpack,你可以理解成需要node
强化下拉选择功能,这套UI就好用了!
@lj3835053 下拉选择组件
Select
本周正在开发,功能很强大,绝对满足大家的胃口vux