notyf消息闪现 — 木小良

两种方法,刷新页面就触发,和点击按钮触发

html
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Notyf Demo</title>
    <link rel="stylesheet" href="/notyf.min.css">
</head>
<body>
    <button onclick="showNotification()">Show Notification</button>
    <script src="/notyf.min.js"></script>
    <script>
        const notyf = new Notyf({
            position:{  //位置
                x: 'right', //右侧
                y: 'top'  //顶部
            }},
        );
        //按钮触发
        function showNotification() {
            notyf.success('登录成功');  //绿色提示
        }

        //下面是刷新就触发
        window.onload = function() {
        var notyf = new Notyf({
            duration: 6000,  //显示时间
            dismissible: true,  //关闭按钮
            ripple: true,  //涟漪效果
            position:{  //位置
                x: 'center', //中间
                y: 'top'  //顶部
            },
        });
        notyf.error('请注意你有新的消息！');  //红色警告
        }
    </script>
</body>
</html>