微信小程序带图片弹窗简单实现微信小程序带图片弹窗简单实现
怎样实现一个带图片显示的模态视图弹窗呢？有时候我们的确有这个需求，自己实现？不不不，哪有官方的方便！
下面我来介绍一种使用官方组件就能实现的方法：
首先找到官方文档：显示模态弹窗的API wx.showModal(OBJECT)
(此图片来源于网络，如有侵权，请联系删除! )
wx.showModal参数介绍
发现并没有设置图片的参数，但是这是一个API，但是组件呢？我并没有在官方文档中找到，但是经过尝试发现是可以显示一
个模态弹窗的，即：
1. wx.showModal({
2. title: '提示',
3. content: '这是一个模态弹窗',
4. success: function(res) {
5. if (res.confirm) {
6. console.log('用户点击确定')
7. } else if (res.cancel) {
8. console.log('用户点击取消')
9. }
10. }
11. })
可以改写为：
1. <modal title='提示' hidden="{{modalHidden}}" bindcancel='modalCancel' bindConfirm='modalConfirm'>
2. 这是一个模态弹窗
3. </modal>
但是是否隐藏，确认以及取消的回调都需要自己手动绑定至js进行控制，效果还是一样的
评论0