模态框用来显示一段文字,获得用户的确认,如删除图片的时候,可以先给用户一个提示,询问用户是否确定删除,防止用户误操作。通过执行wx.showModal显示模态框。showModal的参数如表4.6所示
    image.pngsuccess回调函数里返回的参数也是一个Object对象,包含confirm和cancel两个属性。如果用户单击“确定”按钮,则confirm为true;如果用户单击“取消”按钮,则cancel为true,如示例4-8所示。

    1. index.wxml
    2. <view>
    3. <button bindtap='showModal'>显示模态框</button>
    4. </view>
    5. -------------------------
    6. index.js
    7. Page({
    8. showModal: function(){
    9. wx.showModal({
    10. title: '提示',
    11. content: '这是一个模态弹窗',
    12. success(res) {
    13. if (res.confirm) {
    14. console.log('用户单击确定')
    15. } else if (res.cancel) {
    16. console.log('用户单击取消')
    17. }
    18. }
    19. })
    20. }
    21. })

    image.png