微件:RarityFilter - 版本历史

2026年6月21日 (日) 08:41 愤怒的郎朗

2026-06-21T08:41:59Z

←上一版本		2026年6月21日 (日) 08:41的版本
第11行：		第11行：
	}		}
	.pvzhe-rarity-btn {		.pvzhe-rarity-btn {
	padding: ~~6px 12px~~;		padding: 10px 10px;
	border-radius: 20px;		border-radius: 20px;
	font-size: ~~13px~~;		font-size: 18px;
	cursor: pointer;		cursor: pointer;
	border: 2px solid transparent;		border: 2px solid transparent;
第29行：		第29行：
	.pvzhe-rarity-btn.all { border-color: #4CAF50; color: #4CAF50; }		.pvzhe-rarity-btn.all { border-color: #4CAF50; color: #4CAF50; }
	.pvzhe-rarity-btn.all.active { background: #4CAF50; color: #fff; }		.pvzhe-rarity-btn.all.active { background: #4CAF50; color: #fff; }
	.pvzhe-rarity-btn img { height: ~~32px~~; }		.pvzhe-rarity-btn img { height: 50px; }
	@media screen and (max-width: 480px) {		@media screen and (max-width: 480px) {
	.pvzhe-rarity-btn {		.pvzhe-rarity-btn {

2026年6月21日 (日) 08:36 愤怒的郎朗

2026-06-21T08:36:40Z

←上一版本		2026年6月21日 (日) 08:36的版本
第11行：		第11行：
	}		}
	.pvzhe-rarity-btn {		.pvzhe-rarity-btn {
	padding: ~~4px 10px~~;		padding: 6px 12px;
	border-radius: 20px;		border-radius: 20px;
	font-size: ~~14px~~;		font-size: 13px;
	cursor: pointer;		cursor: pointer;
	border: 2px solid transparent;		border: 2px solid transparent;
第21行：		第21行：
	flex: 0 1 auto;		flex: 0 1 auto;
	display: flex;		display: flex;
			flex-direction: column;
	align-items: center;		align-items: center;
	gap: ~~4px~~;		gap: 2px;
	}		}
	.pvzhe-rarity-btn:hover { border-color: #ccc; }		.pvzhe-rarity-btn:hover { border-color: #ccc; }
第28行：		第29行：
	.pvzhe-rarity-btn.all { border-color: #4CAF50; color: #4CAF50; }		.pvzhe-rarity-btn.all { border-color: #4CAF50; color: #4CAF50; }
	.pvzhe-rarity-btn.all.active { background: #4CAF50; color: #fff; }		.pvzhe-rarity-btn.all.active { background: #4CAF50; color: #fff; }
	.pvzhe-rarity-btn img { height: ~~28px~~; }		.pvzhe-rarity-btn img { height: 32px; }
	@media screen and (max-width: 480px) {		@media screen and (max-width: 480px) {
	.pvzhe-rarity-btn {		.pvzhe-rarity-btn {
	padding: ~~3px 6px~~;		padding: 4px 8px;
	font-size: ~~11px~~;		font-size: 10px;
	gap: ~~2px~~;		gap: 1px;
	}		}
	.pvzhe-rarity-btn img { height: ~~20px~~; }		.pvzhe-rarity-btn img { height: 24px; }
	.pvzhe-rarity-filter { gap: 4px; }		.pvzhe-rarity-filter { gap: 4px; }
	}		}

2026年6月21日 (日) 08:35 愤怒的郎朗

2026-06-21T08:35:41Z

←上一版本		2026年6月21日 (日) 08:35的版本
第11行：		第11行：
	}		}
	.pvzhe-rarity-btn {		.pvzhe-rarity-btn {
	padding: ~~8px 16px~~;		padding: 4px 10px;
	border-radius: 20px;		border-radius: 20px;
	font-size: ~~15px~~;		font-size: 14px;
	cursor: pointer;		cursor: pointer;
	border: 2px solid transparent;		border: 2px solid transparent;
第20行：		第20行：
	white-space: nowrap;		white-space: nowrap;
	flex: 0 1 auto;		flex: 0 1 auto;
			display: flex;
			align-items: center;
			gap: 4px;
	}		}
	.pvzhe-rarity-btn:hover { border-color: #ccc; }		.pvzhe-rarity-btn:hover { border-color: #ccc; }
第25行：		第28行：
	.pvzhe-rarity-btn.all { border-color: #4CAF50; color: #4CAF50; }		.pvzhe-rarity-btn.all { border-color: #4CAF50; color: #4CAF50; }
	.pvzhe-rarity-btn.all.active { background: #4CAF50; color: #fff; }		.pvzhe-rarity-btn.all.active { background: #4CAF50; color: #fff; }
	.pvzhe-rarity-btn~~.white~~ { ~~border-color~~: ~~#4CAF50; color: #4CAF50; }~~		.pvzhe-rarity-btn img { height: 28px; }
	~~.pvzhe-rarity-btn.white.active { background: #A5D6A7; color: #1B5E20; }~~
	~~.pvzhe-rarity-btn.gold { border-color: #FFC107; color: #C79100; }~~
	~~.pvzhe-rarity-btn.gold.active { background: linear-gradient(135deg, #FFD700, #FFA000); color: #fff; }~~
	~~.pvzhe-rarity-btn.diamond { border-color: #42A5F5; color: #42A5F5; }~~
	~~.pvzhe-rarity-btn.diamond.active { background: linear-gradient(135deg, #42A5F5, #1E88E5); color: #fff; }~~
	~~.pvzhe-rarity-btn.rainbow { border-color: #e91e63; color: #e91e63; }~~
	~~.pvzhe-rarity-btn.rainbow.active { background: linear-gradient(135deg, #FF6B6B, #FFD93D, #6BCB77, #4D96FF, #9B59B6); color: #fff; }~~
	~~.pvzhe-rarity-btn.star { border-color: #FFC107; color: #C79100; }~~
	~~.pvzhe-rarity-btn.star.active { background: linear-gradient(135deg, #FFF9C4, #FFE082, #FFD54F); color: #333; }~~
	~~.pvzhe-rarity-btn.original { border-color: #7B1FA2; color: #7B1FA2; }~~
	~~.pvzhe-rarity-btn.original.active { background: linear-gradient(135deg, #CE93D8, #AB47BC); color: #fff~~; }

	@media screen and (max-width: 480px) {		@media screen and (max-width: 480px) {
	.pvzhe-rarity-btn {		.pvzhe-rarity-btn {
	padding: 6px ~~10px~~;		padding: 3px 6px;
	font-size: ~~12px~~;		font-size: 11px;
	}		gap: 2px;
	~~.pvzhe-rarity-filter {~~
	gap: ~~5px~~;
	}		}
			.pvzhe-rarity-btn img { height: 20px; }
			.pvzhe-rarity-filter { gap: 4px; }
	}		}
	</style>		</style>
第51行：		第42行：
	<div class="pvzhe-rarity-filter" id="pvzhe-rarity-filter">		<div class="pvzhe-rarity-filter" id="pvzhe-rarity-filter">
	<button class="pvzhe-rarity-btn all active" data-rarity="all">全部</button>		<button class="pvzhe-rarity-btn all active" data-rarity="all">全部</button>
	<button class="pvzhe-rarity-btn white" data-rarity="white">白卡</button>		<button class="pvzhe-rarity-btn white" data-rarity="white"><img src="https://new.pvzhe.wiki/images/b/b9/%E7%99%BD%E5%8D%A1.png">白卡</button>
	<button class="pvzhe-rarity-btn gold" data-rarity="gold">至尊金卡</button>		<button class="pvzhe-rarity-btn gold" data-rarity="gold"><img src="https://new.pvzhe.wiki/images/8/83/%E9%87%91%E5%8D%A1.png">至尊金卡</button>
	<button class="pvzhe-rarity-btn diamond" data-rarity="diamond">臻享钻卡</button>		<button class="pvzhe-rarity-btn diamond" data-rarity="diamond"><img src="https://new.pvzhe.wiki/images/b/bb/%E9%92%BB%E5%8D%A1.png">臻享钻卡</button>
	<button class="pvzhe-rarity-btn rainbow" data-rarity="rainbow">梦幻彩卡</button>		<button class="pvzhe-rarity-btn rainbow" data-rarity="rainbow"><img src="https://new.pvzhe.wiki/images/1/10/%E5%BD%A9%E5%8D%A11.png">梦幻彩卡</button>
	<button class="pvzhe-rarity-btn star" data-rarity="star">星光闪卡</button>		<button class="pvzhe-rarity-btn star" data-rarity="star"><img src="https://new.pvzhe.wiki/images/e/e9/%E6%98%9F%E5%8D%A11.png">星光闪卡</button>
	<button class="pvzhe-rarity-btn original" data-rarity="original">原卡</button>		<button class="pvzhe-rarity-btn original" data-rarity="original"><img src="https://new.pvzhe.wiki/images/6/68/%E5%8E%9F%E5%8D%A1.png">原卡</button>
	</div>		</div>
	</includeonly>		</includeonly>

2026年6月21日 (日) 08:22 愤怒的郎朗

2026-06-21T08:22:26Z

←上一版本		2026年6月21日 (日) 08:22的版本
第5行：		第5行：
	flex-wrap: wrap;		flex-wrap: wrap;
	justify-content: space-around;		justify-content: space-around;
	gap: ~~6px~~;		gap: 8px;
	margin: 15px 0;		margin: 15px 0;
	padding: 8px ~~6px~~;		padding: 10px 8px;
	align-items: center;		align-items: center;
	}		}
	.pvzhe-rarity-btn {		.pvzhe-rarity-btn {
	padding: ~~4px 10px~~;		padding: 8px 16px;
	border-radius: ~~16px~~;		border-radius: 20px;
	font-size: ~~12px~~;		font-size: 15px;
	cursor: pointer;		cursor: pointer;
	border: 2px solid transparent;		border: 2px solid transparent;
第40行：		第40行：
	@media screen and (max-width: 480px) {		@media screen and (max-width: 480px) {
	.pvzhe-rarity-btn {		.pvzhe-rarity-btn {
	padding: ~~3px 7px~~;		padding: 6px 10px;
	font-size~~: 11px;~~		font-size: 12px;
	~~border-radius~~: 12px;
	}		}
	.pvzhe-rarity-filter {		.pvzhe-rarity-filter {
	gap: ~~4px;~~		gap: 5px;
	~~padding: 6px 4px~~;
	}		}
	}		}

2026年6月21日 (日) 07:45 愤怒的郎朗

2026-06-21T07:45:24Z

←上一版本		2026年6月21日 (日) 07:45的版本
第4行：		第4行：
	display: flex;		display: flex;
	flex-wrap: wrap;		flex-wrap: wrap;
	gap: ~~8px~~;		justify-content: space-around;
			gap: 6px;
	margin: 15px 0;		margin: 15px 0;
	padding: ~~12px 16px;~~		padding: 8px 6px;
	~~background: #f9f9f9;~~
	~~border-radius: 12px;~~
	~~border: 1px solid #e0e0e0~~;
	align-items: center;		align-items: center;
	}		}
	.pvzhe-rarity-btn {		.pvzhe-rarity-btn {
	padding: ~~6px 14px~~;		padding: 4px 10px;
	border-radius: ~~20px~~;		border-radius: 16px;
	font-size: ~~13px~~;		font-size: 12px;
	cursor: pointer;		cursor: pointer;
	border: 2px solid transparent;		border: 2px solid transparent;
	background: ~~#fff;~~		background: transparent;
	~~color: #555~~;
	transition: all 0.2s;		transition: all 0.2s;
	white-space: nowrap;		white-space: nowrap;
			flex: 0 1 auto;
	}		}
	.pvzhe-rarity-btn:hover { border-color: #ccc; }		.pvzhe-rarity-btn:hover { border-color: #ccc; }
第39行：		第37行：
	.pvzhe-rarity-btn.original { border-color: #7B1FA2; color: #7B1FA2; }		.pvzhe-rarity-btn.original { border-color: #7B1FA2; color: #7B1FA2; }
	.pvzhe-rarity-btn.original.active { background: linear-gradient(135deg, #CE93D8, #AB47BC); color: #fff; }		.pvzhe-rarity-btn.original.active { background: linear-gradient(135deg, #CE93D8, #AB47BC); color: #fff; }

			@media screen and (max-width: 480px) {
			.pvzhe-rarity-btn {
			padding: 3px 7px;
			font-size: 11px;
			border-radius: 12px;
			}
			.pvzhe-rarity-filter {
			gap: 4px;
			padding: 6px 4px;
			}
			}
	</style>		</style>

2026年6月21日 (日) 07:43 愤怒的郎朗

2026-06-21T07:43:30Z

@@ 第23行： / 第23行： @@
      white-space: nowrap;
+}
-.pvzhe-rarity-btn:hover {
+.pvzhe-rarity-btn:hover { border-color: #ccc; }
-    border-color: #ccc;
+.pvzhe-rarity-btn.active { font-weight: bold; }
 .pvzhe-rarity-btn.all { border-color: #4CAF50; color: #4CAF50; }
 .pvzhe-rarity-btn.all.active { background: #4CAF50; color: #fff; }
@@ 第54行： / 第50行： @@
      <button class="pvzhe-rarity-btn original" data-rarity="original">原卡</button>
 </div>
 </includeonly>

2026年6月21日 (日) 07:40 愤怒的郎朗

2026-06-21T07:40:53Z

←上一版本		2026年6月21日 (日) 07:40的版本
第27行：		第27行：
	}		}
	.pvzhe-rarity-btn.active {		.pvzhe-rarity-btn.active {
	~~color: #fff;~~
	font-weight: bold;		font-weight: bold;
	}		}
	.pvzhe-rarity-btn.all { border-color: #~~888~~; }		.pvzhe-rarity-btn.all { border-color: #4CAF50; color: #4CAF50; }
	.pvzhe-rarity-btn.all.active { background: #~~888~~; }		.pvzhe-rarity-btn.all.active { background: #4CAF50; color: #fff; }
	.pvzhe-rarity-btn.white { border-color: #4CAF50; color: #4CAF50; }		.pvzhe-rarity-btn.white { border-color: #4CAF50; color: #4CAF50; }
	.pvzhe-rarity-btn.white.active { background: #A5D6A7; color: #1B5E20; }		.pvzhe-rarity-btn.white.active { background: #A5D6A7; color: #1B5E20; }
第42行：		第41行：
	.pvzhe-rarity-btn.star { border-color: #FFC107; color: #C79100; }		.pvzhe-rarity-btn.star { border-color: #FFC107; color: #C79100; }
	.pvzhe-rarity-btn.star.active { background: linear-gradient(135deg, #FFF9C4, #FFE082, #FFD54F); color: #333; }		.pvzhe-rarity-btn.star.active { background: linear-gradient(135deg, #FFF9C4, #FFE082, #FFD54F); color: #333; }
	.pvzhe-rarity-btn.~~purple~~ { border-color: #7B1FA2; color: #7B1FA2; }		.pvzhe-rarity-btn.original { border-color: #7B1FA2; color: #7B1FA2; }
	.pvzhe-rarity-btn.~~purple~~.active { background: linear-gradient(135deg, #CE93D8, #AB47BC); color: #fff~~; }~~		.pvzhe-rarity-btn.original.active { background: linear-gradient(135deg, #CE93D8, #AB47BC); color: #fff; }
	~~.pvzhe-rarity-btn.original { border-color: #A5D6A7; color: #388E3C; }~~
	~~.pvzhe-rarity-btn.original.active { background: #A5D6A7; color: #1B5E20~~; }
	</style>		</style>

第70行：		第67行：

	function countCards() {		function countCards() {
	var counts = { all: 0 };		var counts = { all: $('.pvzhe-card').length };

	$('.pvzhe-card').each(function() {		$('.pvzhe-card-container').each(function() {
	~~counts~~.~~all++~~;		var $container = $(this);
	});		var $prev = $container.prevAll('h2, .mw-heading').first();
			if (!$prev.length) return;
			var title = $prev.text().trim();

	~~var~~ $container ~~= $~~('.pvzhe-card~~-container~~');		if (title === '白卡') counts.white = $container.find('.pvzhe-card').length;
	$container.~~each(function~~() {		else if (title === '至尊金卡') counts.gold = $container.find('.pvzhe-card').length;
	~~var $prev~~ = $~~(this)~~.~~prevAll~~('.mw-~~heading, h2, h3~~').~~first()~~;		else if (title === '臻享钻卡') counts.diamond = $container.find('.pvzhe-card').length;
	~~var~~ title = $~~prev~~.~~text~~().~~trim()~~;		else if (title === '梦幻彩卡') counts.rainbow = $container.find('.pvzhe-card').length;
	~~for (var key in raritySections) {~~		else if (title === '星光闪卡') counts.star = $container.find('.pvzhe-card').length;
	if (title.~~indexOf~~(~~raritySections[key]) !==~~ -1) {		else if (title === '原卡') counts.original = $container.find('.pvzhe-card').length;
	if (~~!counts[key]~~) counts~~[key] = 0;~~
	~~counts[key] +~~= $~~(this)~~.find('.pvzhe-card').length;
	}
	}
	});		});

第91行：		第86行：
	var rarity = $(this).data('rarity');		var rarity = $(this).data('rarity');
	var count = counts[rarity] \|\| 0;		var count = counts[rarity] \|\| 0;
	~~$(this).text(~~$(this).text().replace(/$\d+$/, '') + ' (' + count + ')');		var label = $(this).text().replace(/\s*$\d+$/, '');
			$(this).text(label + ' (' + count + ')');
	});		});
	}		}
第99行：		第95行：
	$('.pvzhe-card').show();		$('.pvzhe-card').show();
	$('.pvzhe-card-container').show();		$('.pvzhe-card-container').show();
	$('.mw-heading, h2~~, h3~~').show();		$('.mw-heading, h2').show();
	return;		return;
	}		}
第108行：		第104行：
	$('.pvzhe-card').hide();		$('.pvzhe-card').hide();
	$('.pvzhe-card-container').hide();		$('.pvzhe-card-container').hide();
			$('.mw-heading, h2').hide();

	~~var $headings =~~ $('.mw-heading, h2~~, h3~~');		$('.mw-heading, h2').each(function() {
	~~var found = false;~~		if ($(this).text().trim() === targetTitle) {
	~~$headings~~.each(function() {		$(this).show();
	~~var $heading =~~ $(this);		var $next = $(this).nextAll('.pvzhe-card-container').first();
	~~if ($heading~~.text().trim()~~.indexOf(targetTitle) !~~== -1) {
	~~found = true;~~
	$~~heading~~.show();
	var $next = $~~heading~~.nextAll('.pvzhe-card-container').first();
	if ($next.length) {		if ($next.length) {
	$next.show();		$next.show();
	$next.find('.pvzhe-card').show();		$next.find('.pvzhe-card').show();
	}		}
	~~} else if (found && $heading.is('h2, h3, .mw-heading')) {~~
	~~return false;~~
	}		}
	});		});