微信同声传译微信同声传译插件是微信自研的语音输入，文本翻译等功能的插件封装，用于提供给第三方小程序调用。体验入口语音输入提供语音的实时流式识别能力。 通过获取全局唯一的语音识别管理器recordRecoManager实 ...……

快速入门概览miniprogram-i18n 的用法主要分为四部分。分别是：构建脚本与i18配置、i18n文本定义、WXML中的用法及JavaScript中的用法。安装该方案目前需要依赖 Gulp 并且对源文件目录结构有一定的要求，需要确保小程 ...……

sm-crypto小程序 js 库。国密算法 sm2、sm3 和 sm4 的实现。使用此组件需要依赖小程序基础库 2.2.1 以上版本，同时依赖开发者工具的 npm 构建。具体详情可查阅官方 npm 文档。安装npm install --save miniprogram-sm ...……

lottie-miniprogramlottie 动画库适配小程序的版本。lottie 的相关介绍与动画生成方法等请参考官方说明依赖小程序基础库版本 = 2.8.0 的环境使用可参考该代码片段：https://developers.weixin.qq.com/s/2TYvm9mJ_来 ...……

threejs-miniprogramThree.js 小程序 WebGL 的适配版本。使用可参考example目录下的示例项目或参照以下流程：通过 npm 安装npm install --save threejs-miniprogram安装完成之后在微信开发者工具中点击构_来自微信小 ...……

API Promise化扩展微信小程序api支持promise安装npm install --save miniprogram-api-promise使用在小程序入口（app.js）调用一次promisifyAll，只需要调用一次。示例:import { promisifyAll, promisi_来自微信小程 ...……

微信小程序定义文件微信小程序 API 的 TypeScript 类型定义文件安装通过 npm 安装：# 安装对应最新基础库的定义文件npm install miniprogram-api-typings或者通过版本号指定一个基础库版本：# 安装对应基础库版本 2. ...……

小程序瘦身工具通过剔除无用文件、压缩图片、复用代码等方式减少小程序代码包体积。开源项目地址：https://github.com/wechat-miniprogram/miniprogram-slim。安装npm install -g miniprogram-slim使用Usage: minipr ...……

小程序的 MobX 绑定辅助库小程序的 MobX 绑定辅助库。此 behavior 依赖开发者工具的 npm 构建。具体详情可查阅官方 npm 文档。可配合 MobX 的小程序构建版 npm 模块mobx-miniprogram使用。使用方法需要小程序_来自微 ...……

computed小程序自定义组件扩展 behavior，计算属性computed和监听器watch的实现。在 data 或者 properties 改变时，会重新计算computed字段并触发watch监_来自微信小程序开发文档 ...……

wxml-to-canvas小程序内通过静态模板和样式绘制 canvas ，导出图片，可用于生成分享图等场景。使用方法Step1. npm 安装npm install --save wxml-to-canvasStep2. JSON 组件声明{ usingComponents: {_来自微信小程序 ...……

select-text可选文本组件。该组件有两种使用模式：长按出现选区，与浏览器默认效果一致；长按出现复制按钮，点击复制拷贝全部内容至剪贴板，常见于聊天对话框等场景。需注意的时，为实现点击其它区域隐藏复制按钮， ...……

Barrage for MiniProgram小程序弹幕组件。通过 view 的 transform 移动弹幕，覆盖在 原生组件上时，请确保组件已经同层化。参考用例使用方法npm 安装npm install --save miniprogram-barrageJSON 组件声明{ using_ ...……

index-list索引列表组件，可实现类似通讯录效果。组件内节点将被添加到列表上方。示例代码：const res = { result: , fullname: 北京市, id: 110000,_来自微信小程序开发文档 ...……

vtabs纵向选项卡组件，需与vtabs-content组件结合使用。属性列表属性类型默认值必填说明vtabsArray是数据项格式为{title}active-tabNumber0否激活 tab 索引tab-bar-classString否选_来自微信小程序开发文档 ...……

row/col 组件按照栅格化布局思路，再加上响应式布局的特性，提供了 row/col 两个基础布局组件，用来帮助开发者快速适配多屏应用。核心概念是将整个屏幕宽度分为24单位，每个单位的大小，由当前屏幕尺寸决定的。例如 ...……

tabs选项卡组件。view class=page mp-tabs tabs={{tabs}} activeTab={{activeTab}} swiperClass=weui-tabs-swiper bindtabc_来自微信小程序开发文档……

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

recycle-view小程序长列表组件使用此组件需要依赖小程序基础库 2.2.2 版本，同时依赖开发者工具的 npm 构建。具体详情可查阅官方 npm 文档。背景​目前小程序会有不少的应用场景里会用到无限长列表的交互，当一个页 ...……

video-swiper视频滑动切换组件，可实现类似微视无限视频列表效果。使用说明video-list 的长度应当不低于 3 个，当滚动到首项或者尾项后，会进入循环。通过 setData 更改 video-list，会直接追加到之前的视频源中。可 ...……

emoji仿微信表情组件。使用前需将文档下方提供的表情雪碧图上传CDN，再传入表情组件。为提升首次加载表情图片的性能，可通过image组件提前触发雪碧图的下载，利用浏览器的缓存机制。在不使用表情面板的页面，可将emo ...……

其他组件出于性能考虑，weui-miniprogram并没有对所有 WeUI 组件进行封装（如：flex布局组件），可以直接使用 WeUI 中定义的组件结构（参考Demo）。示例代码在引入 weui.wxss 后，可以直接使用 weui-wxss 中定义的 c ...……

Searchbar搜索组件Searchbar提供搜索的功能，并展示搜索的结果。示例代码：{ usingComponents: { mp-searchbar: ../components/searchbar/searchbar }, navigationBarTitl_来自微信小程序开发文档 ...……

NavigationNavigation是小程序的顶部导航组件，当页面配置navigationStyle设置为custom的时候可以使用此组件替代原生导航栏。示例代码：{ usingComponents: { mp-navigation-bar: ../comp_来自微信小程序 ...……

ActionSheet底部弹起的操作按钮组件代码引入在 page.json 中引入组件{ usingComponents: { mp-actionSheet: ../../components/actionsheet/actionsheet }}示例代码!--_来自微信小程序开发文档 ...……

Half Screen Dialog半屏弹窗，辅助完成当前页面任务时；提醒用户并引导用户的下一步操作；用户主动发起的任务时。代码引入在 page.json 中引入组件{ usingComponents: { mp-halfScreenDialog: ../../componen_来 ...……

ToptipsToptips顶部错误提示组件，常用于表单校验或提交请求到后台成功或失败的错误提示，如下图所示。引入组件在 page.json 中引入组件{ usingComponents: { mp-toptips: ../../components/toptips/topti_来自 ...……

MsgMsg组件提供操作确认页或操作成功或失败的标准的确认页的样式。示例代码：{ usingComponents: { mp-msg: ../components/msg/msg }, navigationBarTitleText: UI组件库}vi_来自微信小程序开发文档 ...……

DialogDialog弹窗组件。示例代码：{ usingComponents: { mp-dialog: ../components/dialog/dialog }}view class=page view class=page__来自微信小程序开发文档……

图片上传Uploader组件。示例代码：{ usingComponents: { mp-uploader: ../components/uploader/uploader, mp-cells: ../components/cells/cells, m_来自微信小程序开发文档……

Slideview左滑删除组件，基础库 2.4.4 开始支持。示例代码：{ usingComponents: { mp-cells: ../components/cells/cells, mp-cell: ../components/cell/cell,_来自微信小程序开发文档 ...……

Checkbox-group和CheckboxCheckbox-group是由一组单选或者多选Checkbox组件组成，效果如下图所示。引入组件在 page.json 中引入组件{ usingComponents: { mp-checkbox-group: ../../comp_来自微信小程序开发文档 ...……

CellsCells是列表分组，常用于嵌套一组Cell或者Checkbox，注意，Checkbox-group和Cell组件都必须放在Cells组件下面，Cells效果如下图所示。引入组件在 page.json 中引入组件{ usingComponents: { mp-cell:_来自 ...……

CellCell是列表或者是表单的一项，常用于设置页的展示，或者用在表单中，作为表单的每一个要填写的项，Cell必须要放在Cells组件的下面。示例代码：{ usingComponents: { mp-cells: ../components/cells/cells,_ ...……

FormPage表单页面，规定了标准表单的顶部的标题和底部的按钮提示等区域的规范代码引入在 page.json 中引入组件{ usingComponents: { mp-form-page: ../../components/form-page/form-page,_来自微信小程序开发文 ...……

FormForm表单组件，结合Cell、Checkbox-group、Checkbox组件等做表单校验。示例代码：{ component: true, usingComponents: { mp-toptips: ../components/toptips/toptip_来自微信小程序开发文档 ...……

Badge徽章出现在按钮、图标附近的数字或者状态标记。示例代码：{ usingComponents: { mp-cells: ../components/cells/cells, mp-cell: ../components/cell/cell,_来自微信小程序开发文档 ...……

快速上手使用之前扩展组件库基于小程序自定义组件构建，在使用扩展组件库之前，建议先阅读熟悉小程序自定义组件。引入组件通过useExtendedLib 扩展库的方式引入，这种方式引入的组件将不会计入代码包大小。可以通过n ...……

存储云开发 HTTP API 提供了以下存储相关 API： uploadFile本接口应在服务器端调用，详细说明参见服务端API。获取文件上传链接请求地址POST https://api.weixin.qq.com/tcb/uploadfile?access_token=ACCES_来自微信 ...……

databaseCount本接口应在服务器端调用，详细说明参见服务端API。统计集合记录数或统计查询语句对应的结果记录数请求地址POST https://api.weixin.qq.com/tcb/databasecount?access_token=ACCESS_TOKEN请求参数属性类 ...……