更新记录

1.0.1（2022-06-12）

删除项目示例多余文件

1.0.0（2022-06-12）

1.该弹窗主要用于美化APP端【提示弹窗】和【确认弹窗】 2.支持APP端自定义弹窗样式，其他端使用默认弹窗样式

平台兼容性

组件使用

1. 导入项目及配置

（1）将组件文件“/components/dialog”放入自己的项目的相同位置

项目根路径/components/dialog

（2）配置page.json

{
    "path" : "components/dialog/dialog",
    "style" :                                                                                    
    {
        "navigationStyle": "custom",
        // #ifdef APP-PLUS
        "backgroundColor": "transparent",
        "backgroundColorTop": "transparent",
        "backgroundColorBottom": "transparent",
        // #endif
        "app-plus": {
            "animationType": "fade-in",
            "background": "transparent",
            "popGesture": "none"
        }
    }

}

（3）配置App.vue

const dialog = require("@/components/dialog/dialogUtil")
export default {
    onLaunch: function() {
        uni['dialog'] = dialog;
        console.log('App Launch')
    },
    onShow: function() {
        console.log('App Show')
    },
    onHide: function() {
        console.log('App Hide')
    }
}

2.弹窗组件使用

(1)提示弹窗 alert(title, content, callback,confirmText)

参数说明

示例

uni.dialog.alert("温馨提示","这是一个提示弹窗",()=>{
    uni.showToast({ title: '好的', icon:"none" });
},"好的");

（2）确认弹窗 confirm(title, content, confirm, cancel, confirmText, cancelText)

示例

uni.dialog.confirm("温馨提示","这是一个确认弹窗",()=>{
    uni.showToast({ title: '确定', icon:"none" });
},()=>{
    uni.showToast({ title: '取消', icon:"none" });
});