请问uniapp如何封装全局api调用弹窗组件？（uni.showModal自定义版）

m***@qq.com

choin

jessie

半晴雨滴 - 选择我所爱的，爱我所选择的。

Hiroshi - 小白一个

m***@qq.com

uni.$on('自定义的事件名', (options) => {  
// ... 显示的逻辑  
 this.show()  
})

uni.$emit('自定义的事件名', options)

霍金 - 阿伟已经死了，你挑的嘛，偶像！

2***@qq.com

h***@163.com

2***@qq.com

6***@qq.com

Gushxi

Gushxi

i***@qq.com

鹅鹅鹅鹅

[已删除]

const androidUtil = require('./common/android-util.js');  
globalThis.tools = androidUtil;

module.exports = {  
/**  
     * 弹窗组件  
     * */  
    showPopup(options) {  
        let params = {  
            title: "提示",  
            content: "自定义内容",  
            align: "center", // 对齐方式 left/center/right  
            cancelText: "取消", // 取消按钮的文字  
            cancelColor: "#FFFFFF", // 取消按钮颜色  
            confirmText: "确定", // 确认按钮文字  
            confirmColor: "#FFFFFF", // 确认按钮颜色   
            showCancel: true // 是否显示取消按钮，默认为 true  
        }  

        Object.assign(params, options)  
        //#ifndef APP-PLUS  
        // 除开app平台  
        return new Promise((resolve) => {  
            uni.showModal({  
                ...params,  
                success: res => {  
                    if (res.confirm) {  
                        resolve(true)  
                    } else if (res.cancel) {  
                        resolve(false)  
                    }  
                },  
                fail: (res) => {  
                    console.log(res)  
                }  
            })  
        })  
        //#endif  

        //#ifdef APP-PLUS  
        // app平台  
        uni.navigateTo({  
            url: "/pages/modal/modal",  
            success: (res) => {  
                res.eventChannel.emit('receiveOptions', {  
                    data: params  
                });  
            },  
            fail(res) {  
                console.log(res)  
            }  
        })  

        return new Promise((resolve) => {  
            uni.$once("AppModalCancel", (e) => {  
                uni.$off('AppModalConfirm');  
                resolve(false)  
            })  
            uni.$once("AppModalConfirm", (e) => {  
                uni.$off('AppModalCancel');  
                resolve(e || true)  
            })  
        });  
        //#endif  
    }  
}