相信对于使用微信小程序开发的朋友来说，并不陌生，有时候官方的样式不能满足业务要求，该怎么办呢？当然是有解决办法的，有一个插件可以帮助我们直接做到。本文主要介绍了微信小程序开发中自定义弹框实现的相关信息，有需要的朋友可以参考一下。

前言

之前有一篇文章介绍如何使用，但是有时候官方的样式不能满足业务要求，怎么办呢？当然是有解决办法的，有一个插件可以帮助我们直接做到。

我们先来看一下效果图：

如何使用呢？我们一起来看看：

插件源代码位于src目录中，包含3个文件。

使用的时候只需要添加以上3个文件即可

步骤一：在项目的app.js中引入.js，并注册到小程序上，小程序所有Page页面都可以使用它。

//app.js let {WeToast} = require('src/wetoast.js') //注册小程序，接收一个Object参数 App({ WeToast })

第二步：将.wxss导入到项目的app.wxss中

@import "src/wetoast.wxss";

至于弹出框的样式和大小，你可以自行修改。

步骤 3：导入模板

最后，如果您想在该页面上使用它，请在其中创建一个实例：

// 获取应用实例 let app = getApp() Page({ data: {}, // 仅执行一次，可用于获取、设置数据 onLoad: function () { //创建可重复使用的WeToast实例，并附加到this上，通过this.wetoast访问 new app.WeToast() }, onTimeToast: function () { this.wetoast.toast({ title: '请输入手机号', duration: 1000 }) } })

时长可以自定义，非常方便。