更新记录

1.0.0（2024-12-18） 下载此版本

初始化项目

平台兼容性

配置

将解压后的文件保存到项目工具目录中，以我的目录utils为例。 在main.js文件中输入：

import xt_show_modal from '@/utils/dialog/show_modal.js'
Vue.use(xt_show_modal);

到这一步，就完成整个配置。

使用

在任意需要使用的文件中调用uni.$showModal或this.$showModal

opacity 遮罩透明度
title  标题
content 内容
IsclickEvent 是否需要点击事件
cancelVal 取消按钮文字 默认为取消
confirmVal 确认按钮文字  默认为确认
cancelColor 取消按钮文字颜色
confirmColor 确认按钮文字颜色
delCancle 是否需要取消按钮 默认为false
align 文字显示位置 默认为<b>center</b>居中 可取 left right center
backOff 返回触发时是否关闭弹窗 默认为false 关闭
模块中使用了promise返回  方便回调
模块中做了自动识别手机是否为暗黑模式  并调整样式

示例

uni.$showModal({
    // title: "提示", //可选,不填则不显示
    content: '你的账号已封禁，请联系管理员',
    delCancel: false,//显示取消按钮
    confirmVal: '知道了', // 可选
    cancelVal: '取消', // 可选
}).then(res => {
    // 点击确认按钮点击事件

}).catch(res => {
    // 点击取消按钮点击事件
});