API中確實(shí)沒有插入圖片素材的參數(shù)，因此，只能自己來現(xiàn)實(shí)一個(gè)圖文的modal了~

wxml:

js:

1. modal: {
2.  
3. isShow:false,// 圖文彈框是否顯示
4.  
5. title:'提示',// 標(biāo)題
6.  
7. desc:'提示內(nèi)容',// 內(nèi)容
8.  
9. src:'',// 圖片地址，必填，如果沒有圖片，請(qǐng)直接使用wx.showModal
10.  
11. ok:'確定',// 確定按鈕文本
12.  
13. cancel:'',// 取消按鈕文本
14.  
15. }

CSS的代碼，這里省略了，JS直接控制modal.isShow就可以讓彈框顯示或者隱藏了~如果你覺得不夠酷炫，可以自己添加CSS動(dòng)畫效果。

效果截圖如下：

發(fā)現(xiàn)個(gè)問題：彈出框后，頁面仍然可以滑動(dòng)。如果你不想讓頁面滑動(dòng)，可以添加事件catchtouchmove，這樣就會(huì)默認(rèn)阻止事件向上冒泡了，上層view的滑動(dòng)就不生效了，代碼：

1. move:function(e) {
2.  
3. console.log(222333);    // catch綁定的事件不會(huì)向上冒泡
4.  
5. },

后續(xù)有時(shí)間，我再把上面代碼整理成組件，今天就分享到這兒~