小程序 扩展组件(官方)_微信小程序 扩展组件·row/col 组件

video-swiper
视频滑动切换组件,可实现类似微视无限视频列表效果。


recycle-view
小程序长列表组件。



sticky
粘性布局组件。Sticky组件与CSS中position:sticky属性实现的效果一致,当组件在屏幕范围内时,会按照正常的布局排列,当组件滚出屏幕范围时,始终会固定在屏幕顶部。



tabs
选项卡组件。



row/col组件
按照栅格化布局思路,再加上响应式布局的特性,提供了row/col两个基础布局组件,用来帮助开发者快速适配多屏应用。

核心概念是将整个屏幕宽度分为24单位,每个单位的大小,由当前屏幕尺寸决定的。例如375px的屏幕宽度,那么1unit=375/24px.



vtabs
纵向选项卡组件,需与<vtabs-content>组件结合使用。



index-list
索引列表组件,可实现类似通讯录效果。组件内节点将被添加到列表上方。



Barrage
小程序弹幕组件。通过view的transform移动弹幕,覆盖在原生组件上时,请确保组件已经同层化。参考用例



select-text
可选文本组件。该组件有两种使用模式：长按出现选区,与浏览器默认效果一致；长按出现复制按钮,点击复制拷贝全部内容至剪贴板,常见于聊天对话框等场景。

需注意的时,为实现点击其它区域隐藏复制按钮,开发者可在页面最外层监听tap事件,并将evt对象赋值给on-document-tap。



wxml-to-canvas
小程序内通过静态模板和样式绘制canvas,导出图片,可用于生成分享图等场景。代码片段



miniprogram-file-uploader
小程序大文件上传库。

小程序中的上传文件wx.uploadFile接口有大小限制（10M）,采用分块上传的方式进行解决。该上传库依赖FileSystemManager.readFile接口进行文件的分块读取,基础库版本2.10.0及以上支持,可通过isSupport接口判断。
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57