怎样实现一个带图片显示的模态视图弹窗呢？有时候我们的确有这个需求，自己实现？不不不，哪有官方的方便！下面我来介绍一种使用官方组件就能实现的方法：首先找到官方文档：显示模态弹窗的API wx。showModal(OBJEC 。。
怎样实现一个带图片显示的模态视图弹窗呢？有时候我们的确有这个需求，自己实现？不不不，哪有官方（authority)的方便！
下面我来介绍一种使用官方组件就能实现的方法：
首先找到官方（authority)文档：?显示模态弹窗的API wx。showModal(OBJECT)
wx。showModal参数介绍
发现并没有设置图片的参数，但是这是一个API，但是组件呢？我并没有在官方（authority)文档中找到，但是经过尝试发现是可以显示一个模态弹窗的，即：
wx。showModal({ title: '提示', content: '这是一个模态弹窗', success: function(res) {
if (res。confirm) {
console。log('用户点击确定')
} else if (res。cancel) {
console。log('用户点击取消(Cancel)')
} }})
可以改写为：
lt;modal title="提示" hidden="{{modalHidden}}" bindcancel='modalCancel' bindConfirm='modalConfirm' gt;
这是一个模态弹窗 lt;/modal gt;
但是是否隐藏，确认以及取消的回调都需要自己手动绑定至js进行控制（control)，效果还是一样的
普通模态弹窗
下面我们给他加上图片：
//wxml: 代码如下
lt;view class='container' gt; lt;button class='button' bindtap='buttonTap' type='primary' gt;显示弹窗 lt;/button gt; lt;modal title="我是标题" hidden="{{modalHidden}}" bindconfirm="modalConfirm" bindcancel="modalCandel" gt;
lt;view gt;
lt;image src="。/images/image。jpg" mode='aspectFill' gt; lt;/image gt;
lt;/view gt;
//需要换行的话直接添加view标签
lt;view gt;You say that you love rain, lt;/view gt;
lt;view gt;but you open your umbrella when it rains。。 lt;/view gt;
You say that you love the sun,
but you find a shadow spot when the sun shines。。
You say that you love the wind,
But you close your windows when wind blows。宁波微信小程序开发是一种不需要下载安装即可使用的应用，它实现了应用“触手可及”的梦想，用户扫一扫或者搜一下即可打开应用。
宁波小程序开发对于开发者而言，小程序开发门槛相对较低，难度不及APP，能够满足简单的基础应用，适合生活服务类线下商铺以及非刚需低频应用的转换。。
This is why I am afraid; You say that you love me too。。 lt;/modal gt; lt;/view gt;
//js: 代码（code）如下
Page({ /** * 页面的初始数据（data) */ data: {
modalHidden: true }, /** * 显示弹窗 */ buttonTap: function() {
this。宁波微信小程序开发其中，通过公众号关联，用户可以实现公众号与小程序之间相互跳转。小程序体现了“用完即走”的理念，用户不用关心是否安装太多应用的问题。应用将无处不在，随时可用，但又无需安装卸载。 setData({
modalHidden: false
}) }, /** * 点击取消 */ modalCandel: function() {
// do something
this。setData({
modalHidden: true
}) }, /** * 点击确认 */ modalConfirm: function() {
// do something
this。setData({
modalHidden: true
}) }})
效果图如下：
带图片模态弹窗
我们还可以定制图片大小：
wxss: 代码。image { width: 150rpx; height: 120rpx; margin: 10rpx 20rpx 0rpx 0rpx; float: left;}
这样子的话其实大家就明白了，只是一个容器，大家可以尽情的发挥想象去定制，既不用完全自己去实现一个自定义模态弹窗视图，又可以摆脱官方（authority)wx。showModal的简陋
效果图如下：
小伙伴们可以随意定制了
图片和诗句我在这抄的 那些高逼格又好玩的诗，赌你没见过。
