养了个羊（简易版）

已于 2022-10-05 23:21:43 修改
阅读量6.3k 收藏 15
点赞数 9
文章标签： css html 前端
于 2022-10-05 09:54:15 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_45690359/article/details/127169410
版权

不出意外 大家是我的粉丝吧

圈粉操作一波~

话不多说直接给大家上源码

 注：本案例是根据网上代码进行了优化改动 禁止网上传阅！！！

 注：本案例是根据网上代码进行了优化改动 禁止网上传阅！！！

 注：本案例是根据网上代码进行了优化改动 禁止网上传阅！！！

目录

目录就是最简单的目录 只需要建立audio文件夹 css文件夹 imgs文件夹 king文件夹 和一个index.html文件就行啦！~

代码块

接着这一步 复制粘贴 ctrl+c ctrl+v大家都会吧

把下面这段代码直接进行复制粘贴到index.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">
		<link rel="stylesheet" href="css/PC.css" class="equipment">
		<link rel="shortcut icon" href="imgs/icon.jpg">
		<title>养了个羊</title>
		<style>
			:root {
				--top-text-color: #ffffff;
			}

			* {
				margin: 0;
				padding: 0;
			}

			body {
				width: 100vw;
				height: 100vh;
				overflow: hidden;
				background-image: url(king/BG1.jpg);
				background-size: cover;
				background-position: left;
				background-color: #b6b6b6;
				user-select: none;
			}

			.reset {
				width: 75px;
			}

			.controlBGM {
				position: fixed;
				top: 20px;
				left: 20px;
				background-color: transparent;
				border: none;
			}

			.surplus {
				position: fixed;
				top: 15px;
				right: 20px;
				color: var(--top-text-color);
				font-size: 22px;
				font-weight: 800;
				text-shadow: 0 0 5px black;
			}

			.surplus::before {
				content: '剩余 ';
				font-size: 16px;
			}

			.operate {
				width: 100vw;
				position: fixed;
				bottom: 100px;
				left: 0;
				display: flex;
				justify-content: center;
			}

			.operate button {
				width: 55px;
				height: 40px;
				background-color: #ffffff;
				border-radius: 3px;
				font-size: 14px;
				color: rgb(66, 144, 255);
				font-weight: 800;
				border: none;
				margin: 0 8px;
			}

			@keyframes fade {
				100% {
					opacity: 0.2;
					transform: scale(0.5);
				}
			}

			@keyframes enter {
				0% {
					transform: scale(0);
				}
			}

			.levelBox {
				display: none;
			}

			.levelBox>div {
				width: 100vw;
				height: 100vh;
				position: fixed;
				z-index: 999;
				top: 0;
				left: 0;
				background-color: rgba(0, 0, 0, 0.5);
				display: flex;
				justify-content: center;
				align-items: center;
				flex-direction: column;
			}

			.levelBox>div button {
				width: 200px;
				height: 45px;
				margin-top: 20px;
				font-size: 16px;
				color: #060200;
				background-color: rgb(250, 250, 250);
				border: 1px solid transparent;
				animation: enter .3s;
			}

			.levelBox>div button.win {
				color: rgb(255, 102, 0);
				font-weight: 800;
			}

			.chronoscope {
				position: fixed;
				top: 60px;
				right: 20px;
				color: var(--top-text-color);
				font-weight: 700;
				text-shadow: 0 0 5px black;
			}

			.chronoscope::after {
				content: ' S';
			}

			.updataPage {
				width: 26px;
				color: var(--top-text-color);
				font-size: 14px;
				position: fixed;
				top: 70px;
				left: 23px;
				border: 2px solid var(--top-text-color);
				background-color: transparent;
				font-weight: 800;
			}

			button:focus {
				outline: none;
			}

			.box {
				border-color: rgb(99, 164, 255);
				bottom: 25px;
			}

			.goods {
				padding: 23px;
				filter: grayscale(6%);
			}

			.goods.grey {
				filter: grayscale(100%);
			}

			.hrefSheep {
				position: fixed;
				top: 100px;
				right: 20px;
				color: white;
			}
		</style>
	</head>

	<body>
		<button class="controlBGM"></button>
		<div class="surplus"></div>
		<div class="chronoscope">0</div>
		<button class="updataPage" onclick="javascript:location.reload();">更新</button>
		<a href="king.html" class="hrefSheep">养了个羊</a>

		<div class="operate">
			<button class="disorganize">洗牌</button>
			<button class="recall">撤回</button>
			<button class="lightUp">点亮</button>
			<button class="selectLevel" level="5" index="0">第一关</button>
			<button class="reset">重置</button>
		</div>
		<div class="levelBox">
			<div>
				<button level="5" index="0">第一关</button>
				<button level="8" index="1">第二关</button>
				<button level="11" index="2">第三关</button>
				<button level="14" index="3">第四关</button>
				<button level="17" index="4">第五关</button>
				<button level="20" index="5">第六关</button>
				<button level="24" index="6">第七关</button>
				<button level="29" index="7">第八关</button>
				<button level="34" index="8">第九关</button>
				<button level="40" index="9">第十关</button>
			</div>
		</div>

		<div class="box"></div>

		<audio muted autoplay src="audio/失败.mp3"></audio>
		<audio muted autoplay src="audio/胜利2.mp3"></audio>
		<audio autoplay loop class="BGAudio"></audio>

		<script>
			const html = document.documentElement;
			const body = document.body;
			const box = document.querySelector('.box');
			let allGoods = document.querySelectorAll('.goods');
			const selectLevel = document.querySelector('.selectLevel');
			const disorganize = document.querySelector('.disorganize');
			const reset = document.querySelector('.reset');
			const BGAudio = document.querySelector('.BGAudio');
			const controlBGM = document.querySelector('.controlBGM');
			const recall = document.querySelector('.recall');
			const surplus = document.querySelector('.surplus');
			const levelBox = document.querySelector('.levelBox');
			const levelBoxDiv = document.querySelector('.levelBox>div');
			const levelBoxBtn = document.querySelectorAll('.levelBox>div button');
			const chronoscope = document.querySelector('.chronoscope');
			const lightUp = document.querySelector('.lightUp');
			let boxGoodsLeft = 0;
			let boxVolume = 0;
			let spacing = 65;
			let disorganizeNum = 3;
			let recallNum = 3;
			let chronoscopeNum = 0;
			let range = 350;
			let lightUpNum = 3;
			const mutedSVG =
				'<?xml version="1.0" encoding="UTF-8"?><svg width="33" height="33" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg"><rect opacity="0.01" x="30" y="18" width="13" height="13" fill="#ffffff"/><mask id="icon-1441a00e6a0e536" maskUnits="userSpaceOnUse" x="30" y="18" width="13" height="13" style="mask-type: alpha"><rect x="30" y="18" width="13" height="13" fill="#ffffff"/></mask><g mask="url(#icon-1441a00e6a0e536)"><path d="M40.7348 20.2858L32.2495 28.7711" stroke="#ffffff" stroke-width="4" stroke-linecap="round" stroke-linejoin="round"/><path d="M32.2496 20.2858L40.7349 28.7711" stroke="#ffffff" stroke-width="4" stroke-linecap="round" stroke-linejoin="round"/></g><path d="M24 6V42C17 42 11.7985 32.8391 11.7985 32.8391H6C4.89543 32.8391 4 31.9437 4 30.8391V17.0108C4 15.9062 4.89543 15.0108 6 15.0108H11.7985C11.7985 15.0108 17 6 24 6Z" fill="none" stroke="#ffffff" stroke-width="4" stroke-linejoin="round"/></svg>',
				notMutedSVG =
				'<?xml version="1.0" encoding="UTF-8"?><svg width="33" height="33" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M24 6V42C17 42 11.7985 32.8391 11.7985 32.8391H6C4.89543 32.8391 4 31.9437 4 30.8391V17.0108C4 15.9062 4.89543 15.0108 6 15.0108H11.7985C11.7985 15.0108 17 6 24 6Z" fill="none" stroke="#ffffff" stroke-width="4" stroke-linejoin="round"/><path d="M32 15L32 15C32.6232 15.5565 33.1881 16.1797 33.6841 16.8588C35.1387 18.8504 36 21.3223 36 24C36 26.6545 35.1535 29.1067 33.7218 31.0893C33.2168 31.7885 32.6391 32.4293 32 33" stroke="#ffffff" stroke-width="4" stroke-linecap="round" stroke-linejoin="round"/><path d="M34.2359 41.1857C40.0836 37.6953 44 31.305 44 24C44 16.8085 40.2043 10.5035 34.507 6.97906" stroke="#ffffff" stroke-width="4" stroke-linecap="round"/></svg>';

			const goodsList = [
				'zoon1', 'zoon2', 'zoon3', 'zoon4', 'zoon5', 'zoon6', 'zoon7', 'zoon8', 'zoon9',
				'fruit1', 'fruit2', 'fruit3', 'fruit4', 'fruit5', 'fruit6', 'fruit7', 'fruit8', 'fruit9',
				'cake1', 'cake2', 'cake3', 'cake4', 'cake5', 'cake6', 'cake7', 'cake8', 'cake9',
			]

			function randomNum(min, max) {
				min = Math.ceil(min);
				max = Math.floor(max);
				return Math.floor(Math.random() * (max - min + 1)) + min;
			}

			if (/Android|webOS|iPhone|iPod|BlackBerry/i.test(navigator.userAgent)) {
				const equipment = document.querySelector('.equipment');
				equipment.setAttribute('href', 'css/mobile.css');
				spacing = 48;
				range = 0;
			}

			function createGoods(oneGoods) {
				const goods = document.createElement('div');
				goods.classList.add('goods');
				goods.style.backgroundImage = `url(imgs/${oneGoods}.png)`;
				goods.setAttribute('mark', oneGoods)
				goods.style.top = randomNum(155, window.innerHeight - 222) + 'px';
				goods.style.left = randomNum(20 + range, window.innerWidth - 70 - range) + 'px';
				body.appendChild(goods);
				goods.setAttribute('onclick', 'goodsClick(this)');
			}

			function goodsClick(self) {
				if (boxVolume >= 7 || self.classList.contains('grey')) return;
				createdAudio('audio/点击.mp3');
				const newGoods = self.cloneNode();
				newGoods.style.top = 0;
				newGoods.style.left = boxGoodsLeft + 'px';
				newGoods.style.padding = 0;
				newGoods.removeAttribute('onclick');
				boxGoodsLeft += spacing;
				boxVolume++;
				newGoods.style.opacity = 0;
				box.appendChild(newGoods);
				self.style.transition = 'top .2s, left .2s';
				self.style.padding = 0;
				self.style.top = box.offsetTop + 2 + 'px';
				self.style.left = boxGoodsLeft + box.offsetLeft - self.offsetWidth + 'px';
				setTimeout(() => {
					newGoods.style.opacity = 1;
					self.remove();
					coverGoods();
				}, 100);
				let count = 0;
				let children = [...box.children];
				children.forEach(item => item.getAttribute('mark') == newGoods.getAttribute('mark') && count++);
				let deleteNum = 3;
				if (count >= 3) {
					createdAudio('audio/得分.mp3');
					surplus.innerText = allGoods.length - 3;
					boxVolume -= 3;
					children.forEach(item => {
						if (item.getAttribute('mark') == newGoods.getAttribute('mark') && deleteNum > 0) {
							deleteNum--;
							item.style.animation = 'fade .3s linear';
							setTimeout(() => {
								item.remove();
								children = [...box.children];
								boxGoodsLeft = spacing * children.length;
								children.forEach((item, index) => {
									item.style.transition = 'left .2s';
									item.style.left = index * spacing + 'px';
								});
							}, 200);
						}
					});
				}
				boxVolume >= 7 && gameFinish('很遗憾你输了', 'audio/失败.mp3');
				setTimeout(() => {
					allGoods = document.querySelectorAll('.goods');
					if (allGoods.length <= 0) {
						gameFinish(`恭喜你通过了${selectLevel.innerText}\n用时${chronoscopeNum}秒`, 'audio/胜利2.mp3');
						const levelRecord = JSON.parse(localStorage.getItem('sheep_level_record'));
						levelRecord[selectLevel.getAttribute('index')]++;
						localStorage.setItem('sheep_level_record', JSON.stringify(levelRecord));
					}
				}, 300);
			}

			function gameFinish(str, audio) {
				setTimeout(() => {
					alert(str);
					selectLevel.click();
				}, 200);
				surplus.innerText = allGoods.length;
				createdAudio(audio);
				disorganizeNum = 0;
				recallNum = 0;
				lightUpNum = 0;
			}

			function gameStart(number) {
				boxVolume = 0;
				boxGoodsLeft = 0;
				allGoods = document.querySelectorAll('.goods');
				allGoods.forEach(item => item.remove());
				disorganizeNum = 3;
				disorganize.innerText = `洗牌 ${disorganizeNum}`;
				recallNum = 3;
				recall.innerText = `撤回 ${recallNum}`;
				lightUpNum = 3;
				lightUp.innerText = `点亮 ${lightUpNum}`;
				chronoscopeNum = 0;
				chronoscope.innerText = chronoscopeNum;
				for (let i = 0; i < number; i++) {
					const num = randomNum(0, goodsList.length - 1);
					for (let i = 0; i < 3; i++) createGoods(goodsList[num]);
				}
				allGoods = document.querySelectorAll('.goods');
				allGoods.forEach((item, index) => {
					item.style.animation = `enter .3s`;
					item.style.zIndex = index + 1;
				});
				surplus.innerText = allGoods.length;
				setTimeout(coverGoods, 300);
			}

			disorganize.addEventListener('click', () => {
				if (disorganizeNum <= 0) return;
				disorganizeNum--;
				disorganize.innerText = `洗牌 ${disorganizeNum}`;
				allGoods.forEach(item => {
					if (!item.getAttribute('onclick')) return;
					item.style.transition = 'top .25s, left .25s';
					item.style.top = randomNum(155, window.innerHeight - 222) + 'px';
					item.style.left = randomNum(20 + range, window.innerWidth - 70 - range) + 'px';
				});
				setTimeout(coverGoods, 300);
			});
			disorganize.innerText = `洗牌 ${disorganizeNum}`;

			reset.addEventListener('click', () => gameStart(selectLevel.getAttribute('level')));

			function createdAudio(src) {
				const audio = document.createElement('audio');
				document.body.appendChild(audio);
				audio.autoplay = true;
				audio.setAttribute('src', src);
				audio.play();
				audio.addEventListener('ended', e => e.target.remove());
			}

			controlBGM.addEventListener('click', () => {
				if (BGAudio.getAttribute('src')) {
					BGAudio.setAttribute('src', '');
					controlBGM.innerHTML = mutedSVG;
				} else {
					BGAudio.setAttribute('src', 'audio/audio2.mp3');
					BGAudio.play();
					controlBGM.innerHTML = notMutedSVG;
				}
			});
			controlBGM.innerHTML = mutedSVG;

			recall.addEventListener('click', () => {
				let len = box.children.length;
				if (len <= 0 || recallNum <= 0) return;
				recallNum--;
				recall.innerText = `撤回 ${recallNum}`;
				let lastChild = box.children[len - 1];
				const newGoods = lastChild.cloneNode();
				newGoods.style.padding = '23px';
				newGoods.style.top = randomNum(155, window.innerHeight - 222) + 'px';
				newGoods.style.left = randomNum(20 + range, window.innerWidth - 70 - range) + 'px';
				newGoods.setAttribute('onclick', 'goodsClick(this)');
				body.appendChild(newGoods);
				boxGoodsLeft -= spacing;
				boxVolume--;
				lastChild.remove();
			});
			recall.innerText = `撤回 ${recallNum}`;

			selectLevel.addEventListener('click', () => {
				levelBox.style.display = 'block';
				const levelRecord = JSON.parse(localStorage.getItem('sheep_level_record'));
				levelRecord.forEach((item, index) => item && levelBoxBtn[index].classList.add('win'));
			});

			levelBoxDiv.addEventListener('click', () => levelBox.style.display = 'none');

			levelBoxBtn.forEach(item => {
				item.addEventListener('click', e => {
					const level = e.target.getAttribute('level');
					gameStart(level);
					selectLevel.setAttribute('level', level);
					selectLevel.setAttribute('index', e.target.getAttribute('index'));
					selectLevel.innerText = e.target.innerText;
				});
			});

			const levelRecord = new Array(levelBoxBtn.length);
			for (let i = 0; i < levelRecord.length; i++) levelRecord[i] = 0;
			localStorage.getItem('sheep_level_record') || localStorage.setItem('sheep_level_record', JSON.stringify(
			levelRecord));

			setInterval(() => chronoscope.innerText = ++chronoscopeNum, 1000);

			function isIntersect(element1, element2) {
				const rect1 = element1.getBoundingClientRect();
				const rect2 = element2.getBoundingClientRect();
				return !(rect1.right - 5 < rect2.left || rect1.left > rect2.right - 5 || rect1.bottom - 5 < rect2.top || rect1
					.top > rect2.bottom - 5);
			}

			function coverGoods() {
				for (let i = 0; i < allGoods.length; i++) {
					allGoods[i].classList.remove('grey');

					for (let j = i + 1; j < allGoods.length; j++) {
						if (isIntersect(allGoods[i], allGoods[j]) && allGoods[i] != allGoods[j]) {
							if (parseInt(allGoods[i].style.zIndex) > parseInt(allGoods[j].style.zIndex)) {
								allGoods[j].classList.add('grey');
							} else {
								allGoods[i].classList.add('grey');
							}
						}
					}
				}
			}

			lightUp.addEventListener('click', () => {
				if (lightUpNum <= 0) return;
				allGoods.forEach(item => item.classList.remove('grey'));
				lightUpNum--;
				lightUp.innerText = `点亮 ${lightUpNum}`;
			});

			lightUp.innerText = `点亮 ${lightUpNum}`;

			gameStart(selectLevel.getAttribute('level'));


			// cheating
			let pressTime = 0;
			levelBoxDiv.addEventListener('touchstart', () => pressTime = +new Date());
			levelBoxDiv.addEventListener('touchend', () => {
				pressTime = +new Date() - pressTime;
				if (pressTime > 3000) disorganizeNum = 9;
			});
		</script>
	</body>

</html>

 搞到这里，我已经悟了。你们呢？

没猜错的话有粉丝是不是已经运行了一遍发现报错了呢？

别急  别急  别急！（重要的事情说三遍）

我们刚说目录下有那么几个文件夹 肯定是要放东西的呀 不然建文件夹有啥作用呢？是吧

不过大家可以在网页按F12看一下控制台

也就是这个地方看看红色的报错是什么   百度了解一下

接下来对目录操作

目录文件放入

有能力的粉丝自己进行探索怎么拿到缺失部分

没能力的私信dd~~~

文件东西放入了就可以正常执行代码，快去试试吧！

 注：本案例是根据网上代码进行了优化改动 禁止网上传阅！！！

我脾气呢
关注
关于羊的代码
10-10
题目 ：定义一个Sheep类 属性：类型 编号 重量 颜色 方法：两个构造函数 一组set方法 一组get方法 从键盘输入羊的属性的方法 显示羊属性的方法 定一个羊群：SheeArray类 属性： 一个存放羊对象的数组 羊队主人 羊的个数 方法： 从键盘输入羊群中羊的个数及每只羊的信息 返回羊群中羊的个数 往羊群中添加一只羊 从羊群中删除一只羊 从羊群中寻找某只羊 按重量对羊群中的羊进行由小到大的排序 挑出最肥的羊 将羊群中的羊按照重量由小到大排序
纯前端【V3】养了个羊
weixin_46174785的博客
10-29 885
【代码】纯前端【V3】养了个羊。
羊了个羊代码综合
wxid_856d59fjl8ea22的博客
05-18 1344
【羊了个羊】【代码】羊了个羊代码综合。
用html, js ,css实现一个简易的羊了个羊 - 网页版
最新发布
weixin_56831647的博客
05-20 195
话不多说，原理很简单，代码量也不多，我就直接上代码了，也写了简单的注释，各位看官可以自己研究看看，我就不多做废话了！代码中plates变量中的几个图片大家可以自己找图片替换掉，其他的照样运行即可！
亲测仿养了个养三消游戏源码+带后台版
efgrgt的博客
10-09 991
游戏玩儿法类似于养了个养，有两种模式，一个是普通版，一个是王者荣耀版，其它的就没什么好介绍的了，有兴趣的自行去体验吧。
[ZT]周易六十四卦详解（通俗易懂版）
Robert's Log
03-31 4152
v\:* {behavior:url(#default#VML);} o\:* {behavior:url(#default#VML);} w\:* {behavior:url(#default#VML);} .shape {behavior:url(#default#VML);} Normal 0 7.8 磅 0 2 fal
[转]PKM－个人知识体系建设
dbbv11995的博客
07-20 1万+
这里集中了本站所有关于个人知识库、个人知识体系方面的文章，下面是展开的目录： PKM理论和方法 艾宾浩斯与他的遗忘曲线 记忆核系统 资料整理的方法 电子资料整理技巧 图书馆馆藏电子资料管理方法分析 浅谈资料...
全面了解风控策略体系
热门推荐
06-28 2万+
模型和策略的开发是一个系统工程，这其中需要有业务经验、统计理论、算法运用、和数据认知，是一个不断反思，不断积累经验的过程。沙滩上建不起摩天大楼。扎扎实实的基本功永远有价值，永远不会过时。
FAL风控策略分析师怎么样？
weixin_59573842的博客
01-10 2829
绿色交友软件共享：lunawzxiaomantou
nginx实现均衡负载、nginx第三方模块的添加
dreamer_hahaha
08-01 4337
nginx nginx的安装 下载nginx安装包并解压 tar zxf nginx-1.14.0.tar.gz 对nginx源码文件进行修改，隐藏版本号 cd /root/nginx-1.14.0/src/core/ vim nginx.h 14 #define NGINX_VER &quot;nginx/&quot; #不显示版本号 cd /root/nginx-1....
仿羊了个羊源码，带后台。玩法类似于养了个羊，有两种模式
10-08
类似于养了个羊，有两种模式
【前端客栈】基于HTML、CSS、JavaScript的羊了个羊静态仿写页面小游戏
冲击大厂之路!!!
05-01 2636
【前端客栈】基于HTML+CSS+JS的"羊了个羊"仿写页面——果了个果；
【羊了个羊全套源码-前端-后端-配置教程】非常火爆的在线微信朋友圈小游戏羊了个羊手游-Linux服务端源码架设教程！
百创科技
03-28 332
羊了个羊全套源码-前端-后端-配置教程】站长推荐非常火爆的在线微信朋友圈小游戏羊了个羊手游-2024年3月27日最新打包Linux服务端源码架设教程！
简易版羊了个羊JS
QuKinX
09-20 1284
简易版，通过Jquery来进行操作，js部分总共有两百行吧相对来说较为简单，比较易懂，没写那么多样式，欢迎补充
原生JavaScript实现羊了个羊
2301_76614808的博客
02-24 368
原生JavaScript实现羊了个羊
羊了个羊游戏h5网页版源码
www_5438xiazai的博客
03-24 477
https://zijieyunpan.cn/E3aL2UYiZX9
网页版羊了个羊 Vue3 实现
News777的博客
09-27 1930
Vue 实现了网页版 羊了个羊
纯前端实现「羊了个羊」小游戏
LuckyWinty的博客
10-14 585
点击上方前端Q，关注公众号回复加群，加入前端Q技术交流群作者：QCYhttps://juejin.cn/post/7143897892531486727背景最近简单的「羊了个羊」小游戏火到出圈，据说狂赚几百几千万。这么弱智的玩意，即便是前端，我上我也行！最终成果游戏本体如果一直白屏可以换这个地址 https://1enozc.csb.app/地图模拟游戏本体长这样可以很明显的观察到，卡片是以 1...
JavaScript编程挑战：解密羊了个羊
EuForth的博客
09-28 121
在本文中，我们将介绍一种有趣的JavaScript编程挑战，即解密羊了个羊。我们将深入了解这个挑战的背景，并提供相应的源代码来帮助您完成任务。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

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

余额充值