休闲迷宫效果图(Ps:copy美团)

休闲迷宫_休闲迷宫

 休闲迷宫代码

<html lang="en">
<head>
<meta charset="utf-8">
<title>休闲迷宫</title>
<style type="text/css">
span{
    display: inline-block;
    width: 25px;
    height: 25px;
    border-radius: 50%;
    color: #8bc24c;
    background: #fae3d9;
}
</style>
<script>
    top != self && top.host != self.host && (top.location = self.location);
    (function(d) {
        d.className = d.className.replace(/\bno-js/, '');
    })(document.documentElement);
    var $CONFIG = {
        'data' : {}
    };
</script>
</head>
<body>
    <div class="maze-game-container" style="text-align: center;">
        <h3 class="maze-game-info">休闲迷宫。</h3>
        <canvas class="maze-content" width="1500" height="800"></canvas>
        <h4 class="maze-game-info" style="margin-top: 0;">
            使用<span>w</span>、<span>a</span>、<span>s</span>、<span>d</span>,或者方向键进行游戏。
        </h4>
    </div>
</body>
<script src="https://awps-assets.meituan.net/mit/blog/v20190629/asset/vendor/zepto.min.js"></script>
<script src="https://awps-assets.meituan.net/mit/blog/v20190629/common.js"></script>
<script src="https://awps-assets.meituan.net/mit/blog/v20190629/errorPage.js"></script>
</html>