微信小程序自定义modal弹窗组件的方法详解

微信小程序开发中官方自带的wx.showModal，这个弹窗API有时候并不能满足我们的弹窗效果，所以往往需要自定义modal组件。下面我们进行一个自定义modal弹窗组件的开发，并进行组件的引用，组件可自定义底部是一个还是两个按钮。新建一个modal文件夹，下面新建modal.js、modal.json、modal.wxml、modal.wxss四个文件。modal.wxml文件中的一些说明：modal.json文件内容说明：“component”: true, 表示这是一个组件文件，usingComponents用于引用别的组件，这里没引用其他组件空{}就行。以上样式布局根据个人需求自行修改调整即可。首先在home.json文件中引用组件：这里接着，在home.wxml中将modalView标签添加到你想要显示的位置。