微信小程序 Page 叠加包，让 wxml 可以直接使用 wx 下的 api，并通过 data-* 传递参数

下载 page-patch.js 到小程序项目目录，在 app.js 顶部调用

import pagePatch from './page-patch.js';
pagePatch();

pagePatch 默认叠加了大部分不需要用户授权的 api，如果需要叠加更多的 api，可以传入一个数组

pagePatch(['vibrateShort']);

接下来就可以在 wxml 中直接使用 wx 下的 api，不需要在页面 js 文件中声明处理函数，例如实现点击图片进入预览

index.wxml

<image src="{{img_url}}" bindtap="$wx.previewImage" data-urls="{{[img_url]}}" />

index.js

Page({
  previewSuccess(res) {
    console.log('previewImage success', res);
  }
});

index.wxml

<image src="{{img_url}}" bindtap="$wx.previewImage" data-urls="{{[img_url]}}" data-success="previewSuccess" />

index.wxml

<button bindtap="$wx.makePhoneCall" data-phone-number="13800138000">打电话</button>

• pagePatch 必须在 app.js 顶部调用，确保页面初始化之前成功叠加