小白三个小时写出的打砖块游戏，小白自己也通关不了（无套路提供源码）

最新推荐文章于 2021-08-30 12:22:04 发布
最新推荐文章于 2021-08-30 12:22:04 发布
阅读量1.3k 收藏 12
点赞数 16
分类专栏： 游戏 html开发 文章标签： js html 游戏 css
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/yueyuedog/article/details/119799039
版权

文章目录

效果图

在这里插入图片描述
在这里插入图片描述

在这里插入图片描述
在这里插入图片描述

实现过程（主要部分，不包含全部代码）

搭建画布

<style>
#box {
  width: 600px;
  height: 650px;
  border: 5px solid rgb(168, 139, 8);
  position: relative;
  left: 500px;
  background: linear-gradient(rgb(19, 192, 120), rgb(47, 32, 114));
}
#ball {
  width: 20px;
  height: 20px;
  border-radius: 10px;
  background-color: white;
  position: absolute;
  top: 560px;
  box-shadow: 0px 0px 3px 3px aqua;
}
#btn {
  width: 150px;
  height: 90px;
  position: fixed;
  left: 730px;
  top: 350px;
  border-radius: 10px;
  font-size: 24px;
  cursor: pointer;
}
#slide {
  width: 120px;
  height: 20px;
  background-color: rgb(168, 139, 8);
  position: absolute;
  top: 585px;
  border-radius: 10px;
  box-shadow: 0px 0px 2px 2px red;
  cursor: pointer;
}
#brick div {
  width: 98px;
  height: 20px;
  float: left;
  border: 1px solid black;
}
#tip {
  width: 280px;
  position: fixed;
  top: 100px;
  left: 150px;
  border: 1px solid black;
  text-indent: 2em;
  padding: 10px;
  border-radius: 20px;
}
#grade {
  width: 180px;
  position: fixed;
  top: 100px;
  left: 1150px;
  border: 1px solid black;
  text-indent: 2em;
  padding: 10px;
  border-radius: 20px;
}
#grade h3 {
  font-weight: 500;
}
</style>

规则与难度

<div id = "box">
	<div id = "ball"></div>
	<div id = "slide"></div>
	<div id = "brick"></div>
</div>
<div id = "tip">
	<h1>游戏规则：</h1>
	<p>方法1：使用鼠标按住滑块左右拖动</p>
	<p>方法2：使用键盘“左”“右”方向键控制滑块移动</p>
	<p>小球碰到底就 KO 了</p>
	<p>打完所有方块就赢了</p>
	<p>每局游戏难度随机生成，不喜欢可以F5刷新一下</p>
</div>
<div id = "grade">
	<h3>难度：</h3>
	<h2>XXX</h2>
	<h3>得分：</h3>
	<h1>0</h1>
</div>
<button id = "btn">开始游戏</button>
<script>
var box = document.getElementById("box");
var ball = document.getElementById("ball");
var btn = document.getElementById("btn");
var slide = document.getElementById("slide")
var obrick = document.getElementById("brick")
var brick_ = obrick.getElementsByTagName("div")
var grade = document.getElementById("grade")
var rk = grade.children[1]
var sc = grade.children[3]
var sco = 0;
var timer;
var isRunning = false;
var vx = rand(3, 12);
var vy = -rand(3, 12);
var num = vx - vy;
console.log(num)
switch(num) {
	case 6: case 7: case 8:
	    rk.innerHTML = "简单";
	    break;
	case 9: case 10: case 11:
	    rk.innerHTML = "一般";
	    break;
	case 12: case 13: case 14:
	    rk.innerHTML = "中等";
	    break;
	case 15: case 16: case 17:
	    rk.innerHTML = "难"
	    break;
	case 18: case 19: case 20:
	    rk.innerHTML = "很难"
	    slide.style.width = 100 + "px";
	    break;
	case 21: case 22:
	  	rk.innerHTML = "特别难"
	  	slide.style.width = 80 + "px";
	  	break;
	case 23: case 24:
	    rk.innerHTML = "难哭了"
	    slide.style.width = 60 + "px";
	    break;
}

随机生成球与滑块的位置

var beginGo = rand(100, 500)
ball.style.left = beginGo + 40 + "px"
slide.style.left = beginGo + "px"

点击按钮开始游戏

btn.onclick = function() {
    btn.style.display = "none";
    isRunning = true;
    clearInterval(timer);
    timer = setInterval(function() {
    // 获取小球位置
	var l = ball.offsetLeft;
    var T = ball.offsetTop;
    // 获取小球运动后的位置
    var _l = l + vx;
    var _T = T + vy;
    // 弹到左右框框上的话
    if (_l <= 0 || _l >= box.offsetWidth - ball.offsetWidth - 10) {
    	vx = -vx;
    }
    // 弹到上框框的话
    if (_T <= 0) {
    	vy = -vy;
    }
    // 弹到下框框的话就KO了，提示一下然后重新开始
    if (_T > box.offsetHeight - ball.offsetHeight){
    	location.reload();
    	alert("很遗憾，你被KO了");
  	}
  	// 球球改变位置
  	ball.style.left = _l + "px";
  	ball.style.top= _T + "px";
    // 弹到滑块
  	if (knock(ball,slide)){
  		vy = -vy;
  	}
    // 弹到方块
  	for (var j = 0; j < brick_.length; ++j) {
  		if (knock(brick_[j], ball)){
   			vy = -vy
   			obrick.removeChild(brick_[j]);
   			++sco;
   			sc.innerHTML = sco;
   			break;
  		}
  	}
    // 没有方块了，你赢了！！重新开始
  	if (brick_.length <= 0) {
  		location.reload();
  		alert("你赢了！恭喜！！")
  	}
 	}, 20)
}

鼠标控制滑块

slide.onmousedown = function(e) {
 	// 获取滑块初始位置
  	var e = e || window.event;
    var offsetX = e.clientX - slide.offsetLeft;
    if (isRunning == true) {
    	document.onmousemove = function(e) {
    		var e = e || window.event;
    		var l = e.clientX - offsetX;
    		if (l <= 0) {
     			l = 0;
    		}
    		if (l >= box.offsetWidth - slide.offsetWidth - 10) {
     			l = box.offsetWidth - slide.offsetWidth - 10;
    		}
    		slide.style.left = l + "px";
    	}
    }
}
document.onmouseup = function() {
	document.onmousemove = null;
}

左右键控制滑块

document.onkeydown = function(e) {
    var e = e || window.event;
    var code = e.keyCode || e.which;
    var offsetX = slide.offsetLeft;
    if (isRunning == true) {
    	switch(code) {
    	case 37:
        	if (offsetX <= 0) {
         		slide.style.left = 0
         		break;
         	}
         	slide.style.left = offsetX * 4 / 5 + "px";
         	break;
        case 39:
        	if (offsetX >= box.offsetWidth - slide.offsetWidth - 10) {
         		slide.style.left = box.offsetWidth - slide.offsetWidth;
         		break;
         	}
        	slide.style.left = (box.offsetWidth - slide.offsetWidth - offsetX) / 5 +offsetX + "px";
        	break;
        }
    }
}

创建方块

createBrick(72)
function createBrick(n){
    var oBrick = document.getElementById("brick")
    // 搞出n个方块
    for (var i = 0; i < n; ++i) {
      var tmp = document.createElement("div");
      tmp.style.backgroundColor = color();
      oBrick.appendChild(tmp);
    }
    // 获取所有方块
    var brick_ = obrick.getElementsByTagName("div")
    // 获取所有方块左上角坐标
    for (var i = 0; i < brick_.length; ++i) {
    	brick_[i].style.left = brick_[i].offsetLeft + "px";
    	brick_[i].style.top = brick_[i].offsetTop + "px";
    }
    // 所有方块绝对值定位
    for (var i = 0; i < brick_.length; ++i) {
    	brick_[i].style.position = "absolute";
    }
}

判断求是否弹到其他东东了

function knock(node1, node2){
    var l1 = node1.offsetLeft;
    var r1 = node1.offsetLeft + node1.offsetWidth;
    var t1 = node1.offsetTop;
    var b1 = node1.offsetTop+node1.offsetHeight;
    var l2 = node2.offsetLeft;
    var r2 = node2.offsetLeft + node2.offsetWidth;
    var t2 = node2.offsetTop;
    var b2 = node2.offsetTop+node2.offsetHeight;
    if (l2 > r1 || r2 < l1 || t2 > b1 || b2 < t1) {
    	return false;
    }
    return true;
}

全部代码（无套路，免费）

<!DOCTYPE html>
<html lang = "en">
<head>
<meta charset = "UTF-8">
<meta name = "viewport" content = "width = device-width, initial-scale = 1.0">
<title>打砖块游戏</title>
	// 搭建画布
	<style>
     #box {
      width: 600px;
      height: 650px;
      border: 5px solid rgb(168, 139, 8);
      position: relative;
      left: 500px;
      background: linear-gradient(rgb(19, 192, 120), rgb(47, 32, 114));
     }
     #ball {
      width: 20px;
      height: 20px;
      border-radius: 10px;
      background-color: white;
      position: absolute;
      top: 560px;
      box-shadow: 0px 0px 3px 3px aqua;
     }
     #btn {
      width: 150px;
      height: 90px;
      position: fixed;
      left: 730px;
      top: 350px;
      border-radius: 10px;
      font-size: 24px;
      cursor: pointer;
     }
     #slide {
      width: 120px;
      height: 20px;
      background-color: rgb(168, 139, 8);
      position: absolute;
      top: 585px;
      border-radius: 10px;
      box-shadow: 0px 0px 2px 2px red;
      cursor: pointer;
     }
     #brick div {
      width: 98px;
      height: 20px;
      float: left;
      border: 1px solid black;
     }
     #tip {
      width: 280px;
      position: fixed;
      top: 100px;
      left: 150px;
      border: 1px solid black;
      text-indent: 2em;
      padding: 10px;
      border-radius: 20px;
     }
     #grade {
      width: 180px;
      position: fixed;
      top: 100px;
      left: 1150px;
      border: 1px solid black;
      text-indent: 2em;
      padding: 10px;
      border-radius: 20px;
     }
     #grade h3 {
      font-weight: 500;
     }
	</style>
</head>
<body>
	// 规则与难度
	<div id = "box">
		<div id = "ball"></div>
		<div id = "slide"></div>
		<div id = "brick"></div>
	</div>
 	<div id = "tip">
	 	<h1>游戏规则：</h1>
	 	<p>方法1：使用鼠标按住滑块左右拖动</p>
	 	<p>方法2：使用键盘“左”“右”方向键控制滑块移动</p>
	 	<p>小球碰到底就 KO 了</p>
	 	<p>打完所有方块就赢了</p>
	 	<p>每局游戏难度随机生成，不喜欢可以F5刷新一下</p>
 	</div>
 	<div id = "grade">
	 	<h3>难度：</h3>
	 	<h2>XXX</h2>
	 	<h3>得分：</h3>
 	<h1>0</h1>
   </div>
   <button id = "btn">开始游戏</button>
   <script>
   var box = document.getElementById("box");
   var ball = document.getElementById("ball");
   var btn = document.getElementById("btn");
   var slide = document.getElementById("slide")
   var obrick = document.getElementById("brick")
   var brick_ = obrick.getElementsByTagName("div")
   var grade = document.getElementById("grade")
   var rk = grade.children[1]
   var sc = grade.children[3]
   var sco = 0;
   var timer;
   var isRunning = false;
   var vx = rand(3, 12);
   var vy = -rand(3, 12);
   var num = vx - vy;
   console.log(num)
   switch(num) {
	    case 6: case 7: case 8:
	        rk.innerHTML = "简单";
	        break;
	    case 9: case 10: case 11:
	        rk.innerHTML = "一般";
	        break;
	    case 12: case 13: case 14:
	        rk.innerHTML = "中等";
	        break;
	    case 15: case 16: case 17:
	        rk.innerHTML = "难"
	        break;
	    case 18: case 19: case 20:
	        rk.innerHTML = "很难"
	        slide.style.width = 100 + "px";
	        break;
	    case 21: case 22:
	  		rk.innerHTML = "特别难"
	  		slide.style.width = 80 + "px";
	  		break;
	    case 23: case 24:
	        rk.innerHTML = "难哭了"
	        slide.style.width = 60 + "px";
	        break;
	}
// 随机生成球与滑块的位置
var beginGo = rand(100, 500)
ball.style.left = beginGo + 40 + "px"
slide.style.left = beginGo + "px"
// 点击按钮开始游戏
btn.onclick = function(){
    btn.style.display = "none";
    isRunning = true;
    clearInterval(timer);
    timer = setInterval(function() {
    // 获取小球位置
	var l = ball.offsetLeft;
    var T = ball.offsetTop;
    // 获取小球运动后的位置
    var _l = l + vx;
    var _T = T + vy;
    // 弹到左右框框上的话
    if (_l <= 0 || _l >= box.offsetWidth - ball.offsetWidth - 10) {
    	vx = -vx;
    }
    // 弹到上框框的话
    if (_T <= 0) {
    	vy = -vy;
    }
    // 弹到下框框的话就KO了，提示一下然后重新开始
    if (_T > box.offsetHeight - ball.offsetHeight){
    	location.reload();
    	alert("很遗憾，你被KO了");
  	}
  	// 球球改变位置
  	ball.style.left = _l + "px";
  	ball.style.top= _T + "px";
    // 弹到滑块
  	if (knock(ball,slide)){
  		vy = -vy;
  	}
    // 弹到方块
  	for (var j = 0; j < brick_.length; ++j) {
  		if (knock(brick_[j], ball)){
   			vy = -vy
   			obrick.removeChild(brick_[j]);
   			++sco;
   			sc.innerHTML = sco;
   			break;
  		}
  	}
    // 没有方块了，你赢了！！重新开始
  	if (brick_.length <= 0) {
  		location.reload();
  		alert("你赢了！恭喜！！")
  	}
 	}, 20)
}

// 鼠标拖动滑块
slide.onmousedown = function(e) {
 	// 获取滑块初始位置
  	var e = e || window.event;
    var offsetX = e.clientX - slide.offsetLeft;
    if (isRunning == true) {
    	document.onmousemove = function(e) {
    		var e = e || window.event;
    		var l = e.clientX - offsetX;
    		if (l <= 0) {
     			l = 0;
    		}
    		if (l >= box.offsetWidth - slide.offsetWidth - 10) {
     			l = box.offsetWidth - slide.offsetWidth - 10;
    		}
    		slide.style.left = l + "px";
    	}
    }
}
document.onmouseup = function() {
	document.onmousemove = null;
}

// 左右键控制滑块
document.onkeydown = function(e) {
    var e = e || window.event;
    var code = e.keyCode || e.which;
    var offsetX = slide.offsetLeft;
    if (isRunning == true) {
    	switch(code) {
    	case 37:
        	if (offsetX <= 0) {
         		slide.style.left = 0
         		break;
         	}
         	slide.style.left = offsetX * 4 / 5 + "px";
         	break;
        case 39:
        	if (offsetX >= box.offsetWidth - slide.offsetWidth - 10) {
         		slide.style.left = box.offsetWidth - slide.offsetWidth;
         		break;
         	}
        	slide.style.left = (box.offsetWidth - slide.offsetWidth - offsetX) / 5 +offsetX + "px";
        	break;
        }
    }
}
createBrick(72)
// 创建方块
function createBrick(n){
    var oBrick = document.getElementById("brick")
    // 搞出n个方块
    for (var i = 0; i < n; ++i) {
      var tmp = document.createElement("div");
      tmp.style.backgroundColor = color();
      oBrick.appendChild(tmp);
    }
    // 获取所有方块
    var brick_ = obrick.getElementsByTagName("div")
    // 获取所有方块左上角坐标
    for (var i = 0; i < brick_.length; ++i) {
    	brick_[i].style.left = brick_[i].offsetLeft + "px";
    	brick_[i].style.top = brick_[i].offsetTop + "px";
    }
    // 所有方块绝对值定位
    for (var i = 0; i < brick_.length; ++i) {
    	brick_[i].style.position = "absolute";
    }
}
// 方块随机颜色
function color() {
	var res = "#";
    for (var i = 0; i < 6; ++i) {
    	// 十进制 to 十六进制
    	res += rand(0, 15).toString(16)
   }
   return res;
}
// 生成n和m之间的随机数
function rand(n, m){
    return n + parseInt(Math.random() * (m - n + 1));
}
// 球球是否弹到别的东东了
function knock(node1,node2){
    var l1 = node1.offsetLeft;
    var r1 = node1.offsetLeft + node1.offsetWidth;
    var t1 = node1.offsetTop;
    var b1 = node1.offsetTop+node1.offsetHeight;
    var l2 = node2.offsetLeft;
    var r2 = node2.offsetLeft + node2.offsetWidth;
    var t2 = node2.offsetTop;
    var b2 = node2.offsetTop+node2.offsetHeight;
    if (l2 > r1 || r2 < l1 || t2 > b1 || b2 < t1) {
    	return false;
    }
    return true;
}
</script>
</body>
</html>

对于新手

如果你没学过html，又想运行，可以按一下步骤操作：

step1：打开桌面

在这里插入图片描述

step2：右键新建文本文档

在这里插入图片描述

step3：Copy代码

在这里插入图片描述

step4：重命名

在这里插入图片描述

step5：运行

在这里插入图片描述

蒟蒻一枚
关注
  • 16
    点赞
  • 踩
  • 12
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 11
    评论
专栏目录
html5实现经典打砖块游戏源码下载
11-03
html5实现经典打砖块游戏源码下载 html5实现经典打砖块游戏源码下载
打砖块小游戏_pyglet游戏_pyglet游戏_打砖块游戏_源码
10-04
一个完美的打砖块游戏，用pyglet做的打砖块游戏，包含了完整操作和具体实现过程记录文档，值得python的朋友入手作为图形化入门学习。
JS网页版弹球打砖块小游戏代码
06-11
一款仿抖音的JS网页版弹球打砖块小游戏代码，玩法很简单，左右移动鼠标用挡板把弹球挡回去。
大三新项目c++开发超级解压的打砖块游戏源码+代码注释(仿ManyBricksBeater).zip
最新发布
06-02
大三新项目c++开发超级解压的打砖块游戏源码+代码注释(仿ManyBricksBeater).zip 【项目资源介绍】 这可不是普通的打砖块游戏，这可是越打越上头的的打砖块游戏，玩起来很带劲~~还不快来试试。 复刻自 Steam 游戏 ManyBricksBeater（原游戏 Steam 售价 15￥） 编译环境 Visual Studio 2022 & EasyX_20220901 想自制关卡？ 这得用文本编辑器手动画！我暂时没做工具。 如果真的想做，可以参考 ./res/level/ 内的关卡文件（关卡文件 level_xxx.dat 直接用文本编辑器打开即可），以及项目目录下的 readme.txt。关卡地图就是以字符画的形式存储的，相信你一看就知道该怎么做了。 注意，所有关卡地图的长宽必须一致，它们定义在 ./BricksBeater.ini 中。如果新增了关卡，也要在 ./BricksBeater.ini 中修改关卡数。
html5网页版打砖块小游戏源码下载
11-03
html5网页版打砖块小游戏源码下载
弹球打砖块网页小游戏
12-27
HTML和CSS.JS写的一个弹球打砖块网页小游戏，其中的一些碰撞原理以及方向控制原理解释。打法。
简单制作弹球打砖块网页小游戏
m0_59767127的博客
06-28 485
游戏开始页面如图： 点击开始游戏后小球开始运动，当小球碰到左、右容器边框时，小球向x轴的反方向移动，当小球碰到容器上边框时小球向y轴的反方向移动 代码如下： //水平边界判断，当小球的left值小于容器左边界或者大于容器右边界时，将水平方向速度取反 if(nextleft<=0||nextleft>=box.offsetWidth-ball.offsetWidth-10){ speedX=-speedX; } //垂直边界判断，当小球的top值小于容器上边界时，将..
html小游戏打砖块,打砖块.html
weixin_36166342的博客
05-31 480
打砖块小游戏#box {width: 600px;height: 650px;border: 5px solid rgb(168, 139, 8);position: relative;left: 500px;background: linear-gradient(rgb(19, 192, 120),rgb(47, 32, 114));}#ball {width: 20px;height: 20p...
jQuery网页版打砖块小游戏源码分享
12-12
这是一款基于jQuery实现网页版打砖块小游戏源码，满满的童年回忆。 为大家分享的jQuery实现网页版打砖块小游戏源码如下 效果演示 源码下载 <!DOCTYPE html> <html lang="en" > <head> <meta charset="gb2312" /> <title>jQuery网页版打砖块小游戏源码</title> <link href="css/main.css" rel="stylesheet" type="text/css" /> [removed][removed] <script src="js/s
HTML5打砖块小游戏.zip
05-23
HTML5打砖块小游戏基于HTML5 canvas jquery-1.5.2.min.js制作，经典打砖块小游戏网页版，单机版。
Python小游戏源码-打砖块小游戏游戏源码
02-27
Python小游戏源码-打砖块小游戏游戏源码
打砖块小游戏，C#源码
05-30
emmmmmmmmmmmmmmmmmmmmm 这是c#源码 上课老师教了编写的打砖块源码，感觉受益匪浅，自己改动了一部分，注释都挺详细的，希望能帮到别人 谢谢
【Python】从0到1：从头开始写打砖块小游戏~（三）
07-22 171
i~ o(￣▽￣)ブ 我又双叒叕来啦~ 等你很久啦~ NOTE：楼主11岁女学生，文笔（排版风格）不好别介意啦~ NOTE2：这个游戏是我从头开始写的，所以会比较慢，就相当于检测一下这个疫情期间的学习成果吧~ 关于这个游戏： 它是我从头开始写的，每天写多少发多少，所以可能会比较慢，每天写4，50行的话大概五天左右~ 能力原因，每天在电脑前呆4，5个小时也就60行左右，再加上测试和改bug… 没有抄袭！没有抄袭！没有抄袭！ 程序语言 Python 工具/原料 电脑，Pygame 其它 这个程序写完可能会比较久
C++桌面贪吃蛇，能通关的都是大神（Windows可编译）
风斯在下
08-30 5481
文章目录运行效果代码实现（详见注释） 运行效果 传送 代码实现（详见注释） #include <bits/stdc++.h> #include <windows.h> #include <commctrl.h> #include <shlobj.h> #define get GetAsyncKeyState #define send SendMessageA #define LVM LVM_SETITEMPOSITION #define msg Message
超酷超实用的登录/注册界面，保你看完不后悔（无套路提供源码）
风斯在下
08-22 4615
还想什么？赶快点进来呀！！
吃豆子小游戏
风斯在下
01-07 4578
#include <stdio.h> #include <iostream> #include <time.h> #include <conio.h> #include <windows.h> #include <stdlib.h> #include <string.h> using namespace std; const int n = 809; struct Point { int
小白都能看懂的游戏教程（C++版）第一章
风斯在下
01-22 3202
概述 做游戏，其实就是按照自己的想法模拟，游客做出操作A会怎样，操作B会怎样。这样就能实现一些最基本的小游戏了。 这里就给出一个例子叭~ #include <bits/stdc++.h> using namespace std; int main() { A: cout << "请输入一个1~1000的整数。"; srand(time(0)); int x, sum = 0, res = rand() % 1000 + 1; while (true) { cin >
C++炸弹小游戏
风斯在下
01-10 2874
游戏效果 小人可以随便在一些元素（如石头，岩浆，水，宝石等）上跳跃，“地面”一直在上升，小人上升到顶部或者没有血的时候游戏结束（初始20点血），小人可以随意放炸弹，共有八种炸弹。但是被炸到或者碰到岩浆就要减一滴血，拿到宝石加一滴血炸弹炸掉石头可以得分，得到200分即可获胜、 ...
html+js+css国际象棋，画面超精致！！
风斯在下
07-30 2788
想要国际象棋代码的小伙伴们，快快点进来叭~
写出一个打砖块游戏代码
03-29
以下是一个简单的打砖块游戏代码： ``` import pygame import random # 初始化 Pygame pygame.init() # 游戏窗口尺寸 WINDOW_WIDTH = 800 WINDOW_HEIGHT = 600 # 定义颜色 BLACK = (0, 0, 0) WHITE = (255, 255,...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 11
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

蒟蒻一枚

谢谢鸭~

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付：¥1
获取中
扫码支付

您的余额不足，请更换扫码支付或充值

打赏作者

实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值