35 lines
954 B
HTML
35 lines
954 B
HTML
<!DOCTYPE html>
|
||
<html lang="en">
|
||
|
||
<head>
|
||
<meta charset="UTF-8">
|
||
<meta http-equiv="X-UA-Compatible" content="IE=edge">
|
||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||
<title>弹窗插件封装</title>
|
||
</head>
|
||
|
||
<body>
|
||
<button onclick="showDialog()">点我</button>
|
||
|
||
</body>
|
||
<script src="./dialog.js"></script>
|
||
<script>
|
||
function showDialog() {
|
||
new Dialog({
|
||
title: '测试标题',
|
||
content: '这是测试内容',
|
||
cancelText: '关闭',
|
||
confirmText: '确认',
|
||
showClose: false, // true 显示，false关闭
|
||
beforeCloseType: 'confirm', // 关闭前确认，icon，cancel， confirm
|
||
confirmEvent: () => {
|
||
console.log("确定按钮被点击");
|
||
},
|
||
cancelEvent: () => {
|
||
console.log("你点击了取消按钮");
|
||
},
|
||
})
|
||
}
|
||
</script>
|
||
|
||
</html> |