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

V2EX = way to explore

V2EX 是一个关于分享和探索的地方

现在注册

已注册用户请登录

推荐关注

› Meteor

› JSLint - a JavaScript code quality tool

› jsFiddle

› D3.js

› WebStorm

推荐书目

› JavaScript 权威指南第 5 版

› Closure: The Definitive Guide

这是一个创建于 2365 天前的主题，其中的信息可能已经有所发展或是发生改变。

末尾有彩蛋。

过去的两年里，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 小程序组件示例：

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

# 从 GitHub 下载后，安装依赖
npm install

# 编译组件
npm run dev

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

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

开源协议

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

彩蛋

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

iview

weapp

组件

微信

35 条回复 • 2018-08-09 22:41:48 +08:00

airyland

2018-06-11 14:27:14 +08:00

真是有精力啊。

Aresn

2018-06-11 14:29:01 +08:00

@airyland 公司一直在支持嘛，投入人力

ReysC

2018-06-11 14:29:30 +08:00

看起来很不错，特别是 MIT 协议。

lostinyou

2018-06-11 14:36:08 +08:00

楼主很棒！

Shangxin

2018-06-11 14:37:48 +08:00 via Android

666 iView 是真的好看 ,,Ծ^Ծ,,

lethergo

2018-06-11 14:49:33 +08:00

支持支持很好看=。= 大佬~

ylsc633

2018-06-11 14:50:14 +08:00

zhoushiya

2018-06-11 14:52:15 +08:00

@Aresn talkingcoder.com 网站为何突然停了？

Zzdex

2018-06-11 14:53:49 +08:00

支持，iView 的产品一直很舒服

zhoushiya

2018-06-11 14:55:53 +08:00

Icon 图标那一页排版为什么那么乱。。。

zhoushiya

2018-06-11 14:59:07 +08:00

普通对话框里的按钮 border-radius 有问题

wzw

2018-06-11 15:00:33 +08:00 via iPhone

Mobile web 也来一套吧…

zhoushiya

2018-06-11 15:02:03 +08:00

输入框最下面的红色框下边框线被遮挡

hjdtl

2018-06-11 16:17:45 +08:00

支持一下，iview-admin 也很不错

WilliamLin

2018-06-11 16:38:24 +08:00

如果有了移动端，更完美

Aresn

2018-06-11 16:39:14 +08:00

@WilliamLin 面包会有的牛奶也会有的

WilliamLin

2018-06-11 16:44:50 +08:00

@airyland 你也加油，你把 vux 做到 iview 无法跟上。

lauix

2018-06-11 16:49:02 +08:00

666 正好急需这种 UI 框架。

mokeyjay

2018-06-11 16:50:58 +08:00

iview-admin 啥时候更新下……

WilliamLin

2018-06-11 16:51:15 +08:00

多选可以做一个类似 vux 的 checker 的组件，这个我觉得是会经常用到的

Damon4V

2018-06-11 17:56:54 +08:00

Mark

mrweiwei

2018-06-11 18:35:09 +08:00

想问一下 iview 有打算支持 typescript 吗

aliuwr

2018-06-11 18:40:41 +08:00 via Android

我说 Talking data 名字这么熟悉呢。
搜索了下，是做移动数据统计的，之前被 Google Play 下架，然后推出 Google Play 专版 SDK，怪不得我有点印象。
之前还真不知道是 iView 的维护者。

Aresn

2018-06-11 19:08:52 +08:00

@aliuwr 是 TalkingData，不是 Talking data 哦。

sobigfish

2018-06-11 21:26:17 +08:00

你们的 switch 切换时没有 Taptic engine 反馈对比 weui 的有=。=

creating2000

2018-06-11 23:07:58 +08:00 via iPhone

既然公司支持还是希望精力多点给 pc 端最近被 select 折磨的够呛

conn4575

2018-06-12 06:36:49 +08:00 via Android

支持一波，iview 的 ui 看的真是舒服

CrazyMax

2018-06-12 07:26:51 +08:00 via Android

用过这个叫做有赞推出的小程序 UI. 库，回头试试这个对比一下

nl101531

2018-06-12 08:51:44 +08:00 via Android

支持

lianxiben

2018-06-12 09:14:53 +08:00

先收藏啦！

zwpaper

2018-06-12 12:37:33 +08:00 via iPhone

新手打听一下，这样的组件是不是就不能和 wepy 配合使用了？

mamtou

2018-06-12 15:10:21 +08:00

有计划出 iview mobile 版本吗？

simple11

2018-06-12 15:12:36 +08:00

造福人类顶一个

gamecreating

2018-06-26 19:46:32 +08:00

支持了谢谢

JeskTop

2018-08-09 22:41:48 +08:00

哈哈，8 月份了。还没有动静哦。