项目build成功后撒花

VS

点击项目属性，进行post build配置

HTML

<!DOCTYPE html>
<html lang="en" style="height:100%;">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <title>Build Succeed</title>
    <script src="https://cdn.jsdelivr.net/npm/canvas-confetti@1.9.0/dist/confetti.browser.min.js"></script>
    <script>
        function frame() {
            confetti({
                particleCount: 100,
                spread: 60,
                angle: 60,
                origin: { y: 1, x: 0 },
                scalar: 2,
                startVelocity: 100
            });

            confetti({
                particleCount: 50,
                spread: 60,
                angle: 120,
                origin: { y: 1, x: 1 },
                scalar: 2,
                startVelocity: 100
            });
        }
        setTimeout(frame, 0);
        setTimeout(frame, 100);
        setTimeout(frame, 300);
        setTimeout(frame, 500);
        setTimeout(frame, 700);
        setTimeout(frame, 900);
        setTimeout(frame, 1100);
        setTimeout(frame, 1300);
        setTimeout(frame, 1500);
        setTimeout(function () { window.close() }, 5500);
    </script>
</head>

<body style="height:100%;">
    <table style="width:100%;height:100%;">
        <tr>
            <td
                style="vertical-align: middle; text-align: center;font-size: 150px;font-family: Georgia;font-weight: bold;color: green;">
                Build Succeed</td>
        </tr>
    </table>
</body>

</html>

效果

posted @ 2023-11-13 14:20  talentzemin  阅读(13)  评论(0)    收藏  举报