Aresn
V2EX  ›  Vue.js

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

  •  3
     
  •   Aresn ·
    icarusion · Sep 30, 2016 · 85690 views
    This topic created in 3686 days ago, the information mentioned may be changed or developed.

    基于 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/standard

    组件截图

    18 replies  •  2017-11-06 11:27:04 +08:00
    loserwn
    loserwn
    Sep 30, 2016
    1
    大家风格都差不多啊。 第一眼我以为是 antd 。
    sarices
    sarices
    Sep 30, 2016❤️1
    2
    说实话,个人不太喜欢大小写的标签
    bayallen
    bayallen
    Sep 30, 2016
    3
    这是个人作品?

    和饿了么那个 elements 有啥区别?
    Numbcoder
    Numbcoder
    Sep 30, 2016
    4
    感觉像 饿了么 和 antd 的杂交品?
    xylitolLin
    xylitolLin
    Sep 30, 2016
    5
    vue 实现的 antd 还改个名 iview ? 文档里都不提一下 antd ?
    sorra
    sorra
    Sep 30, 2016
    6
    支持
    airyland
    airyland
    Sep 30, 2016
    7
    @xylitolLin 如果是参考 antd 为什么非得同名。。这个逻辑理解不了。
    shellcodecow
    shellcodecow
    Sep 30, 2016
    8
    提一下 antd 至少说明下参考的是哪个。。
    ly710
    ly710
    Sep 30, 2016
    9
    本来想说好像 antd ,看了回复觉得就是抄袭啊。
    learnshare
    learnshare
    Sep 30, 2016
    10
    是有提到 Ant Design 的,你们在看啥?
    Aresn
    Aresn
    OP
    Sep 30, 2016
    11
    文档介绍最底下写的很清楚:
    Aresn
    Aresn
    OP
    Sep 30, 2016
    12
    文档介绍最底下写的很清楚:
    iView 部分组件和样式代码参考了以下项目:
    Ant Design
    vue-antd
    Vux
    ansongd
    ansongd
    Sep 30, 2016
    13
    请问这个思维导图用那个工具做的?
    ua
    ua
    Sep 30, 2016
    14
    @ansongd mindnode
    yhxx
    yhxx
    Sep 30, 2016
    15
    这和 antd 不是一样的吗。。
    omygod
    omygod
    Jan 10, 2017
    16
    where is file upload?
    sohucw
    sohucw
    Aug 1, 2017
    17
    我也造个轮子 造轮子的过程就是学习 提供的过程
    chahualao
    chahualao
    Nov 6, 2017
    18
    @xylitolLin 来来,你自己来贡献一个自己的作品。
    About   ·   Help   ·   Advertise   ·   Blog   ·   API   ·   FAQ   ·   Privacy   ·   Solana   ·   3757 Online   Highest 6679   ·     Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 · 71ms · UTC 05:20 · PVG 13:20 · LAX 21:20 · JFK 00:20
    ♥ Do have faith in what you're doing.