微信小程序 showmodal 弹出图片
时间: 2023-10-02 09:02:03 浏览: 185
zymodal微信小程序自定义modal弹窗可带图片
微信小程序的showModal方法用于弹出一个模态对话框,在模态对话框中我们可以显示一张图片。实现这个功能需要以下步骤:
1. 在wxml文件中,创建一个按钮,给按钮绑定一个点击事件。
```html
<button bindtap="showModal">点击弹出图片</button>
```
2. 在js文件中,编写showModal方法,使用showModal弹出模态对话框,并在对话框中展示图片。
```javascript
Page({
showModal: function() {
wx.showModal({
title: '图片展示',
content: '',
showCancel: false,
confirmText: '确定',
confirmColor: '#000000',
success: function(res) {
if (res.confirm) {
console.log('用户点击确定');
}
},
// 在对话框中显示图片
imageUrl: '图片地址'
})
}
})
```
3. 给imageUrl绑定一个合适的图片地址,显示模态对话框时就会显示该图片。
这样,当我们点击按钮时,就会弹出模态对话框并展示图片。
阅读全文