Skip to content

modal 消息框

学习基础

假设你已经对 javascript 有了一定的了解。如不了解,请先去 W3School、菜鸟教程、MDN等平台学习javascript基础知识。

使用

示例

javascript
opener.modal({
    title: '标题',
    message: '这是一个模态框消息',
    cover: true,// 显示遮罩,默认显示true
    // 配置按钮文本
    lang: {
        ok: 'ok',
        cancel: 'cancel'
    },
    // 控制按钮显示
    show: {
        ok: false,
        cancel: false
    }, 
    // 点击回调函数
    click: (res)=>{
        console.log(res); // close|ok|cancel
    }
});

按钮多语言

默认按钮时确定和取消

js
// 默认类型
opener.modal({
     // 自定义按钮文本
    lang: {
        ok: 'ok',
        cancel: 'cancel'
    },
});

控制按钮数量

默认显示全部2个按钮

js
// 默认类型
opener.modal({
     // 控制按钮显示
    show: {
        ok: false,
        cancel: false
    },
});