https://new.pvzhe.wiki/w/%E5%BE%AE%E4%BB%B6:GachaBox?action=history&feed=atom
微件:GachaBox - 版本历史
2026-07-26T18:51:55Z
本wiki上该页面的版本历史
MediaWiki 1.43.6
https://new.pvzhe.wiki/index.php?title=%E5%BE%AE%E4%BB%B6:GachaBox&diff=9280&oldid=prev
愤怒的郎朗：创建页面，内容为“<includeonly> <style> .gacha-box { text-align: center; padding: 20px; background: #fff; border-radius: 16px; border: 3px solid #ff9800; box-shadow: 0 4px 20px rgba(255,152,0,0.3); margin: 15px 0; max-width: 450px; } .gacha-btn { padding: 12px 30px; font-size: 18px; background: linear-gradient(135deg, #ff9800, #f44336); color: #fff; border: none; border-radius: 25px; cursor: pointer; animation: puls…”
2026-07-19T02:11:28Z
<p>创建页面，内容为“<includeonly> <style> .gacha-box { text-align: center; padding: 20px; background: #fff; border-radius: 16px; border: 3px solid #ff9800; box-shadow: 0 4px 20px rgba(255,152,0,0.3); margin: 15px 0; max-width: 450px; } .gacha-btn { padding: 12px 30px; font-size: 18px; background: linear-gradient(135deg, #ff9800, #f44336); color: #fff; border: none; border-radius: 25px; cursor: pointer; animation: puls…”</p>
<p><b>新页面</b></p><div><includeonly><br />
<style><br />
.gacha-box {<br />
text-align: center;<br />
padding: 20px;<br />
background: #fff;<br />
border-radius: 16px;<br />
border: 3px solid #ff9800;<br />
box-shadow: 0 4px 20px rgba(255,152,0,0.3);<br />
margin: 15px 0;<br />
max-width: 450px;<br />
}<br />
.gacha-btn {<br />
padding: 12px 30px;<br />
font-size: 18px;<br />
background: linear-gradient(135deg, #ff9800, #f44336);<br />
color: #fff;<br />
border: none;<br />
border-radius: 25px;<br />
cursor: pointer;<br />
animation: pulse 2s infinite;<br />
}<br />
.gacha-btn:disabled {<br />
background: #ccc;<br />
animation: none;<br />
cursor: not-allowed;<br />
}<br />
@keyframes pulse {<br />
0%, 100% { box-shadow: 0 0 0 0 rgba(255,152,0,0.4); }<br />
50% { box-shadow: 0 0 0 15px rgba(255,152,0,0); }<br />
}<br />
.gacha-result {<br />
margin-top: 20px;<br />
animation: popIn 0.5s ease-out;<br />
}<br />
@keyframes popIn {<br />
0% { transform: scale(0.3); opacity: 0; }<br />
50% { transform: scale(1.1); }<br />
100% { transform: scale(1); opacity: 1; }<br />
}<br />
.gacha-result img {<br />
width: 100px;<br />
height: 100px;<br />
border-radius: 16px;<br />
border: 3px solid #ffd54f;<br />
padding: 8px;<br />
background: #fff8e1;<br />
}<br />
.gacha-rarity {<br />
display: inline-block;<br />
padding: 2px 10px;<br />
border-radius: 10px;<br />
font-size: 12px;<br />
margin-top: 5px;<br />
color: #fff;<br />
}<br />
.gacha-count {<br />
font-size: 13px;<br />
color: #888;<br />
margin-top: 8px;<br />
}<br />
</style><br />
<br />
<div class="gacha-box" id="gacha-box"><br />
<h3>🎁 植物盲盒</h3><br />
<p style="color:#888;font-size:13px;">每次抽取随机获得一个植物卡片！</p><br />
<button class="gacha-btn" id="gacha-btn">🔮 开盲盒</button><br />
<div class="gacha-count" id="gacha-count">今日剩余：3 次</div><br />
<div id="gacha-result"></div><br />
</div><br />
<br />
<script><br />
(function() {<br />
var MAX_DAILY = 3;<br />
var todayKey = 'gacha_' + new Date().toDateString();<br />
var used = parseInt(localStorage.getItem(todayKey)) || 0;<br />
var $btn = document.getElementById('gacha-btn');<br />
var $count = document.getElementById('gacha-count');<br />
var $result = document.getElementById('gacha-result');<br />
<br />
function updateCount() {<br />
var left = MAX_DAILY - used;<br />
$count.textContent = '今日剩余：' + left + ' 次';<br />
if (left <= 0) {<br />
$btn.disabled = true;<br />
$btn.textContent = '🎴 明天再来';<br />
}<br />
}<br />
<br />
// 收集页面上所有植物卡片<br />
function getPlantCards() {<br />
var cards = [];<br />
document.querySelectorAll('.pvzhe-card').forEach(function(card) {<br />
var name = card.querySelector('.pvzhe-card-name');<br />
var img = card.querySelector('img');<br />
if (name && img) {<br />
var rarity = '普通';<br />
var bg = card.style.background || getComputedStyle(card).background;<br />
if (bg.indexOf('linear-gradient') !== -1) {<br />
if (bg.indexOf('FFD700') !== -1 || bg.indexOf('FFA000') !== -1) rarity = '至尊金卡';<br />
else if (bg.indexOf('42A5F5') !== -1 || bg.indexOf('E3F2FD') !== -1) rarity = '臻享钻卡';<br />
else if (bg.indexOf('FF6B6B') !== -1 || bg.indexOf('f8a5c2') !== -1) rarity = '梦幻彩卡';<br />
else if (bg.indexOf('FFF9C4') !== -1) rarity = '星光闪卡';<br />
else if (bg.indexOf('F3E5F5') !== -1 || bg.indexOf('AB47BC') !== -1) rarity = '升级紫卡';<br />
}<br />
cards.push({ name: name.textContent.trim(), img: img.src, rarity: rarity });<br />
}<br />
});<br />
return cards;<br />
}<br />
<br />
function openGacha() {<br />
if (used >= MAX_DAILY) return;<br />
<br />
var cards = getPlantCards();<br />
if (cards.length === 0) {<br />
$result.innerHTML = '<p style="color:#888;">当前页面没有植物卡片，请到植物大全页面开盲盒～</p>';<br />
return;<br />
}<br />
<br />
used++;<br />
localStorage.setItem(todayKey, used);<br />
updateCount();<br />
<br />
// 开盲盒动画<br />
$btn.textContent = '🎰 开盒中...';<br />
$btn.disabled = true;<br />
<br />
setTimeout(function() {<br />
var card = cards[Math.floor(Math.random() * cards.length)];<br />
var rarityColors = {<br />
'至尊金卡': '#ff9800',<br />
'臻享钻卡': '#2196F3',<br />
'梦幻彩卡': '#e91e63',<br />
'星光闪卡': '#ffc107',<br />
'升级紫卡': '#9c27b0',<br />
'普通': '#757575'<br />
};<br />
<br />
$result.innerHTML =<br />
'<div class="gacha-result">' +<br />
'<a href="/w/' + encodeURIComponent(card.name) + '">' +<br />
'<img src="' + card.img + '" alt="' + card.name + '">' +<br />
'</a>' +<br />
'<div style="font-weight:bold;margin-top:5px;">' + card.name + '</div>' +<br />
'<span class="gacha-rarity" style="background:' + (rarityColors[card.rarity] || '#757575') + ';">' + card.rarity + '</span>' +<br />
'</div>';<br />
<br />
$btn.textContent = '🔮 再开一次';<br />
$btn.disabled = used >= MAX_DAILY;<br />
if (used >= MAX_DAILY) {<br />
$btn.textContent = '🎴 明天再来';<br />
}<br />
}, 800);<br />
}<br />
<br />
document.getElementById('gacha-btn').addEventListener('click', openGacha);<br />
updateCount();<br />
})();<br />
</script><br />
</includeonly></div>
愤怒的郎朗