微信小程序带图片弹窗简单实现_小程序弹出图片,微信小程序弹出图片 - CSDN文库

需积分: 10 134 浏览量更新于2023-05-03 评论收藏 376KB PDF 举报

身份认证购VIP最低享 7 折!

领优惠券(最高得80元）

资源详情

资源评论

资源推荐

微信小程序带图片弹窗简单实现微信小程序带图片弹窗简单实现

怎样实现一个带图片显示的模态视图弹窗呢？有时候我们的确有这个需求，自己实现？不不不，哪有官方的方便！

下面我来介绍一种使用官方组件就能实现的方法：

首先找到官方文档：显示模态弹窗的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进行控制，效果还是一样的

本内容试读结束，登录后可阅读更多

下载后可阅读完整内容，剩余6页未读，立即下载

评论0

weixin_38640150

粉丝: 3
资源: 909

会员权益专享

图片转文字

全年可省5，000元立即开通

最新资源

资源上传下载、课程学习等过程中有任何疑问或建议，欢迎提出宝贵意见哦~我们会及时处理！点击此处反馈