V2EX = way to explore
V2EX 是一个关于分享和探索的地方
Sign Up Now
For Existing Member  Sign In
Aresn
V2EX  ›  Vue.js

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

  •  3
     
  •   Aresn ·
    icarusion · Sep 30, 2016 · 85011 views
    This topic created in 3499 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
        1
    loserwn  
       Sep 30, 2016
    大家风格都差不多啊。 第一眼我以为是 antd 。
    sarices
        2
    sarices  
       Sep 30, 2016   ❤️ 1
    说实话,个人不太喜欢大小写的标签
    ferrum
        3
    ferrum  
       Sep 30, 2016
    这是个人作品?

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