V2EX = way to explore
V2EX 是一个关于分享和探索的地方
现在注册
已注册用户请  登录
Aresn
V2EX  ›  Vue.js

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

  •  3
     
  •   Aresn ·
    icarusion · 2016-09-30 10:55:54 +08:00 · 83818 次点击
    这是一个创建于 2769 天前的主题,其中的信息可能已经有所发展或是发生改变。

    基于 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 条回复    2017-11-06 11:27:04 +08:00
    loserwn
        1
    loserwn  
       2016-09-30 11:14:19 +08:00
    大家风格都差不多啊。 第一眼我以为是 antd 。
    sarices
        2
    sarices  
       2016-09-30 11:21:01 +08:00   ❤️ 1
    说实话,个人不太喜欢大小写的标签
    ferrum
        3
    ferrum  
       2016-09-30 11:23:33 +08:00
    这是个人作品?

    和饿了么那个 elements 有啥区别?
    Numbcoder
        4
    Numbcoder  
       2016-09-30 11:26:40 +08:00
    感觉像 饿了么 和 antd 的杂交品?
    xylitolLin
        5
    xylitolLin  
       2016-09-30 11:31:59 +08:00
    vue 实现的 antd 还改个名 iview ? 文档里都不提一下 antd ?
    sorra
        6
    sorra  
       2016-09-30 11:47:48 +08:00
    支持
    airyland
        7
    airyland  
       2016-09-30 12:07:39 +08:00
    @xylitolLin 如果是参考 antd 为什么非得同名。。这个逻辑理解不了。
    shellcodecow
        8
    shellcodecow  
       2016-09-30 12:12:21 +08:00
    提一下 antd 至少说明下参考的是哪个。。
    ly710
        9
    ly710  
       2016-09-30 13:38:17 +08:00
    本来想说好像 antd ,看了回复觉得就是抄袭啊。
    learnshare
        10
    learnshare  
       2016-09-30 14:00:49 +08:00
    是有提到 Ant Design 的,你们在看啥?
    Aresn
        11
    Aresn  
    OP
       2016-09-30 14:45:08 +08:00
    文档介绍最底下写的很清楚:
    Aresn
        12
    Aresn  
    OP
       2016-09-30 14:45:33 +08:00
    文档介绍最底下写的很清楚:
    iView 部分组件和样式代码参考了以下项目:
    Ant Design
    vue-antd
    Vux
    ansongd
        13
    ansongd  
       2016-09-30 16:17:35 +08:00
    请问这个思维导图用那个工具做的?
    dovis
        14
    dovis  
       2016-09-30 16:22:43 +08:00
    @ansongd mindnode
    yhxx
        15
    yhxx  
       2016-09-30 17:02:35 +08:00
    这和 antd 不是一样的吗。。
    omygod
        16
    omygod  
       2017-01-10 18:08:42 +08:00
    where is file upload?
    sohucw
        17
    sohucw  
       2017-08-01 20:29:48 +08:00
    我也造个轮子 造轮子的过程就是学习 提供的过程
    chahualao
        18
    chahualao  
       2017-11-06 11:27:04 +08:00
    @xylitolLin 来来,你自己来贡献一个自己的作品。
    关于   ·   帮助文档   ·   博客   ·   API   ·   FAQ   ·   我们的愿景   ·   实用小工具   ·   5235 人在线   最高记录 6543   ·     Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 · 38ms · UTC 08:50 · PVG 16:50 · LAX 01:50 · JFK 04:50
    Developed with CodeLauncher
    ♥ Do have faith in what you're doing.