前言

本文是笔者分享的第一篇文章，大佬们嘴下留情😆。写这个模态框组件，刚好是看到了腾讯QQ的一些UI设计挺舒服的，以后也会分享如何实现一个一样的页面设计。

• 1.1 腾讯QQ的模态框

• 1.2 我实现的模态框

• 2.1 参数说明

• 2.2 事件回调

Object res.detail

// page.wxml
<custom-modal bind:action="showModal" />
// page.js
showModal (res) {
    if (res.detail.confirm) {
      // doing something after click confirm
    } else if (res.detail.cancel) {
      // doing something after click cancel
    }
}
// res.detail
{
	cancel: Boolean,
	confirm: Boolean,
	errMsg: "showModal:ok"
}

• 最后附上代码片段，不足之处还请各位大佬不吝赐教 😊😊