更新记录

1.0.0（2024-09-29） 下载此版本

初版

平台兼容性

uni-app

uni-app x

[TOC]

native-uts-dialog

简介

解决一些弹窗不能覆盖tabbar的问题

使用方法

导入插件后,在.vue页面使用以下方式导入，或者导入示例项目

import { showDialog, dismissDialog } from '@/uni_modules/native-uts-dialog'

API

showDialog(options,callback)

参数

options {Object} 相关选项

title {Object}

content {Object}

button {Object} 相关选项

callback {function ({ whichButton, validFail })} 回调方法

点击按钮触发回调方法返回一个对象

示例

showDialog({
    closeOnClickOverlay: false,
    title: {
        text: '加强李信',
        align: 'center',
        color: '#FF4949',
        fontSize: 18,
        boldOritalic: 'BOLD'
    },
    content: {
        height: 800,
        text:'加强李信',
        color: '#000000',
        fontSize: 14,
        align: 'left'
    },
    nativeButton: false,
    button: [
        {
            key: 'cancel',
            text: '取 消',
            color: '#000000',
            bgColor: '#FFFFFF'
        },
        {
            key: 'confirm',
            text: '确 认',
            color: '#1890FF',
            bgColor: '#FFFFFF'
        }
    ]
}, ({ whichButton, validFail }) => {
    if (whichButton) {
        let title = null;
        if (whichButton == -1) {
            title = '点击了key:confirm的按钮';
        } else if (whichButton == -3) {
            title = '点击了key:cancel的按钮';
        }
        uni.showToast({
            title: title,
            icon: 'none'
        });
    } else {
        uni.showToast({
            title: '请检查参数:' + validFail.validateMsg,
            icon: 'none',
            duration: 3000
        });
        console.log(validFail);
    }
});

dismissDialog()

隐藏Dialog，无参数

IOS端后续有时间再补上吧

赞赏

如果觉得插件对你有帮助 buy me a coffee，感谢各位大佬

完结撒花 ✿✿ヽ(°▽°)ノ✿