V2EX = way to explore
V2EX 是一个关于分享和探索的地方
Sign Up Now
For Existing Member  Sign In
推荐关注
Meteor
JSLint - a JavaScript code quality tool
jsFiddle
D3.js
WebStorm
推荐书目
JavaScript 权威指南第 5 版
Closure: The Definitive Guide
Aresn

iView 发布微信小程序 UI 组件库 iView Weapp

  •  3
     
  •   Aresn · Jun 11, 2018 · 24759 views
    This topic created in 2877 days ago, the information mentioned may be changed or developed.

    末尾有彩蛋。

    过去的两年里,iView 开源项目已经帮助成千上万的开发者快速完成网站开发,大幅度提高了开发效率,成为 Vue.js 生态里重要的一部分。

    与此同时,我们也在思考,除了服务 PC Web,iView 还能提供什么。可能是 Mobile Web ?但同类产品已经太过丰富,所以 iView 一直没有探索 Mobile 端。但是,我们注意到,微信小程序正在崛起,这将是移动端新的一种开发模式。

    对于微信小程序,iView 团队并不陌生,在微信最早发布小程序时,我们( TalkingData )就上线了小程序统计分析服务 SDK (https://www.talkingdata.com/weApp/weApp.jsp),只是那时候小程序一直处于不温不火的状态。不过微信对小程序越来越开放,给的入口也越来越多,这让很多开发者投入到小程序的开发上。

    于是,我们探索了一个月,对于微信小程序,我们能提供什么服务。思前想后,还是觉得做一套高质量的 UI 组件库比较合适,因为 iView 团队在这上面有 2 年的积累,而且爱屋及乌,iView 的开发者也会很喜欢 iView Weapp。

    地址

    GitHub: https://github.com/TalkingData/iview-weapp

    文档: https://weapp.iviewui.com/

    欢迎 Star 和 PR !

    iView Weapp 是什么?

    微信小程序提供了自定义组件的功能,这使得 iView Weapp 成为了可能。小程序已经提供了很多组件和 API,但它们过于基础,实际开发时仍需要一定的封装和 UI 调整。iView Weapp 提供了与 iView 一致的 UI 和尽可能相同的接口名称,大幅度降低了学习成本,使用起来如鱼得水。如果你是 iView 的核心用户,用起 iView Weapp 来甚至不用看文档!当然,我们对新用户也很友好,事无巨细的文档、友好的 API 和完整的示例,几分钟就可以上手啦。

    iView Weapp 1.0 提供了 30 个组件,并会不断丰富:

    iView Weapp 组件

    先睹为快

    使用微信扫一扫体验 iView Weapp 小程序组件示例:

    iView Weapp 小程序组件示例

    当然,你也可以在微信开发者工具中查看:

    # 从 GitHub 下载后,安装依赖
    npm install
    
    # 编译组件
    npm run dev
    

    然后,将 examples 目录在微信开发者工具中打开即可。

    1.0 提供的都是基础组件,能够满足大部分常用的布局和交互。接下来,我们还会提供更为丰富的基础组件及典型业务组件,比如刮刮乐。旨为让小程序开发的门槛降低,并带来出色的用户体验。

    开源协议

    iView Weapp 使用 MIT 开源协议,并 100% 开放源码。查看开源协议

    彩蛋

    我们预计在 2018 年 7 月(或 8 月)发布 iView 3.0 以及 5 款神秘新产品,届时会举办线下发布会(线上同步直播),敬请关注 iView 官网。感谢大家长久以来对 iView 的支持,我们也会持续维护,投入更多的人力和精力完善生态,让 iView 成为全球最好用的组件库!

    35 replies    2018-08-09 22:41:48 +08:00
    airyland
        1
    airyland  
       Jun 11, 2018
    真是有精力啊。
    Aresn
        2
    Aresn  
    OP
       Jun 11, 2018   ❤️ 1
    @airyland 公司一直在支持嘛,投入人力
    ReysC
        3
    ReysC  
       Jun 11, 2018
    看起来很不错,特别是 MIT 协议。
    lostinyou
        4
    lostinyou  
       Jun 11, 2018
    楼主很棒!
    Shangxin
        5
    Shangxin  
       Jun 11, 2018 via Android
    666 iView 是真的好看 ,,Ծ^Ծ,,
    lethergo
        6
    lethergo  
       Jun 11, 2018
    支持支持 很好看=。= 大佬~
    ylsc633
        7
    ylsc633  
       Jun 11, 2018
    lcnr
        8
    lcnr  
       Jun 11, 2018
    @Aresn talkingcoder.com 网站为何突然停了?
    Zzdex
        9
    Zzdex  
       Jun 11, 2018
    支持,iView 的产品 一直很舒服
    lcnr
        10
    lcnr  
       Jun 11, 2018
    Icon 图标那一页排版为什么那么乱。。。
    lcnr
        11
    lcnr  
       Jun 11, 2018
    普通对话框里的按钮 border-radius 有问题
    wzw
        12
    wzw  
       Jun 11, 2018 via iPhone
    Mobile web 也来一套吧…
    lcnr
        13
    lcnr  
       Jun 11, 2018
    输入框最下面的红色框下边框线被遮挡
    hjdtl
        14
    hjdtl  
       Jun 11, 2018
    支持一下,iview-admin 也很不错
    WilliamLin
        15
    WilliamLin  
       Jun 11, 2018
    如果有了移动端,更完美
    Aresn
        16
    Aresn  
    OP
       Jun 11, 2018
    @WilliamLin 面包会有的 牛奶也会有的
    WilliamLin
        17
    WilliamLin  
       Jun 11, 2018
    @airyland 你也加油,你把 vux 做到 iview 无法跟上。
    lauix
        18
    lauix  
       Jun 11, 2018
    666 正好急需这种 UI 框架。
    mokeyjay
        19
    mokeyjay  
       Jun 11, 2018
    iview-admin 啥时候更新下……
    WilliamLin
        20
    WilliamLin  
       Jun 11, 2018
    多选可以做一个类似 vux 的 checker 的组件,这个我觉得是会经常用到的
    Damon4V
        21
    Damon4V  
       Jun 11, 2018
    Mark
    mrweiwei
        22
    mrweiwei  
       Jun 11, 2018
    想问一下 iview 有打算支持 typescript 吗
    aliuwr
        23
    aliuwr  
       Jun 11, 2018 via Android
    我说 Talking data 名字这么熟悉呢。
    搜索了下,是做移动数据统计的,之前被 Google Play 下架,然后推出 Google Play 专版 SDK,怪不得我有点印象。
    之前还真不知道是 iView 的维护者。
    Aresn
        24
    Aresn  
    OP
       Jun 11, 2018
    @aliuwr 是 TalkingData,不是 Talking data 哦。
    run2
        25
    run2  
       Jun 11, 2018
    你们的 switch 切换时 没有 Taptic engine 反馈 对比 weui 的有=。=
    creating2000
        26
    creating2000  
       Jun 11, 2018 via iPhone
    既然公司支持 还是希望精力多点给 pc 端 最近被 select 折磨的够呛
    conn4575
        27
    conn4575  
       Jun 12, 2018 via Android
    支持一波,iview 的 ui 看的真是舒服
    CrazyMax
        28
    CrazyMax  
       Jun 12, 2018 via Android
    用过这个叫做 有赞推出的小程序 UI. 库,回头试试这个对比一下
    nl101531
        29
    nl101531  
       Jun 12, 2018 via Android
    支持
    lianxiben
        30
    lianxiben  
       Jun 12, 2018
    先收藏啦!
    ikw
        31
    ikw  
       Jun 12, 2018 via iPhone
    新手打听一下,这样的组件是不是就不能和 wepy 配合使用了?
    mamtou
        32
    mamtou  
       Jun 12, 2018
    有计划出 iview mobile 版本吗?
    simple11
        33
    simple11  
       Jun 12, 2018
    造福人类 顶一个
    gamecreating
        34
    gamecreating  
       Jun 26, 2018
    支持了 谢谢
    JeskTop
        35
    JeskTop  
       Aug 9, 2018
    哈哈,8 月份了。还没有动静哦。
    About   ·   Help   ·   Advertise   ·   Blog   ·   API   ·   FAQ   ·   Solana   ·   4721 Online   Highest 6679   ·     Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 · 147ms · UTC 01:03 · PVG 09:03 · LAX 18:03 · JFK 21:03
    ♥ Do have faith in what you're doing.