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

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

先睹为快

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

https://github.com/iview/iview

官网是:

https://www.iviewui.com/

特性

  • 使用单文件的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...

组件截图

本帖已被设为精华帖!
本帖由系统于 7年前 自动加精
Aresn
《L01 基础入门》
我们将带你从零开发一个项目并部署到线上,本课程教授 Web 开发中专业、实用的技能,如 Git 工作流、Laravel Mix 前端工作流等。
《L02 从零构建论坛系统》
以构建论坛项目 LaraBBS 为线索,展开对 Laravel 框架的全面学习。应用程序架构思路贴近 Laravel 框架的设计哲学。
讨论数量: 16
Cola

Element,一套为开发者、设计师和产品经理准备的基于 Vue 2.0 的组件库,提供了配套设计资源,帮助你的网站快速成型。

快速上手

7年前 评论

感觉对于非全栈用起这些来还是有难度的,特别是团队开发。

7年前 评论

我们之前也整了一个脚手架,但实施中发现并不能完全vue,后来做了调整,没有坚持所有的用vue组件,而只是为了让后端开发有更多现成的工具可用。
https://github.com/terranc/LFUI

7年前 评论

作为后台一个能适配移动端的table组件不可少哦,可以加到版图中去

7年前 评论

没有 table +1

7年前 评论

@不舍得你 Element 是你开发的吗?

7年前 评论
Cola

@dinghua 不是,这是饿了么前端团队开发的。

7年前 评论

饿了么团队不错啊,想必这家公司也不错

7年前 评论

这不就是antd么

7年前 评论
hainuo

感觉不错前两天还为jquery和vue结合而苦恼

7年前 评论

Vue好像只能在node.js上跑?

7年前 评论
Aresn

@泽 使用 .vue 组件化需要依赖 webpack,你可以理解成需要node

7年前 评论

强化下拉选择功能,这套UI就好用了!

7年前 评论
Aresn

@lj3835053 下拉选择组件 Select 本周正在开发,功能很强大,绝对满足大家的胃口

7年前 评论

讨论应以学习和精进为目的。请勿发布不友善或者负能量的内容,与人为善,比聪明更重要!