微件:Donation：修订间差异
跳转到导航
跳转到搜索
无编辑摘要 |
无编辑摘要 |
||
| 第4行： | 第4行： | ||
<strong>Donation Banner Widget</strong><br> | <strong>Donation Banner Widget</strong><br> | ||
Use this code in <i>MediaWiki:Sitenotice</i> to display the banner:<br> | Use this code in <i>MediaWiki:Sitenotice</i> to display the banner:<br> | ||
<b>{{#widget: | <b>{{#widget:DonationBanner}}</b> | ||
</div> | </div> | ||
</noinclude> | </noinclude> | ||
| 第22行： | 第22行： | ||
border: 1px solid #f5c6cb; | border: 1px solid #f5c6cb; | ||
color: #491217; | color: #491217; | ||
padding: 15px 20px; | /* Increased right padding to prevent QR code from overlapping close button */ | ||
padding: 15px 45px 15px 20px; | |||
border-radius: 4px; | border-radius: 4px; | ||
position: relative; | position: relative; | ||
| 第81行： | 第82行： | ||
.jr-banner-close { | .jr-banner-close { | ||
position: absolute; | position: absolute; | ||
top: | top: 8px; | ||
right: | right: 12px; | ||
font-size: | font-size: 26px; /* Made button bigger */ | ||
font-weight: bold; | font-weight: bold; | ||
cursor: pointer; | cursor: pointer; | ||
| 第89行： | 第90行： | ||
line-height: 1; | line-height: 1; | ||
z-index: 2; | z-index: 2; | ||
padding: 4px; /* Adds a little click area buffer */ | |||
} | } | ||
| 第100行： | 第102行： | ||
flex-direction: column; | flex-direction: column; | ||
text-align: left; | text-align: left; | ||
padding: 15px 20px; /* Reset padding for mobile layout */ | |||
} | } | ||
.jr-banner-qr { | .jr-banner-qr { | ||
margin-top: 15px; | margin-top: 15px; | ||
align-self: center; /* Center the QR code on mobile */ | align-self: center; /* Center the QR code on mobile */ | ||
} | |||
.jr-banner-close { | |||
top: 5px; | |||
right: 10px; | |||
} | } | ||
} | } | ||
| 第124行： | 第131行： | ||
舰R百科不仅是舰R内容的集合，更是一项持续消耗算力的云端服务。<br><br> | 舰R百科不仅是舰R内容的集合，更是一项持续消耗算力的云端服务。<br><br> | ||
为了保障流畅体验，高质量信息的维护需要资源。如果您从R百中获取了价值，或者希望这项服务保持稳定在线，请考虑分担这一成本。 | 为了保障流畅体验，高质量信息的维护需要资源。如果您从R百中获取了价值，或者希望这项服务保持稳定在线，请考虑分担这一成本。 | ||
</div | </div> | ||
<div class="jr-banner-footer"> | <div class="jr-banner-footer"><br><br> | ||
您的支持将直接用于云计算续费。 | 您的支持将直接用于云计算续费。 | ||
</div> | </div> | ||
| 第152行： | 第159行： | ||
if (!isClosed) { | if (!isClosed) { | ||
// Show the banner | // Show the banner using vanilla JS | ||
if (banner) { | |||
banner.style.display = 'block'; | |||
} | |||
} | } | ||
// 2. Handle Close Click | // 2. Handle Close Click | ||
closeBtn.addEventListener('click', function() { | if (closeBtn) { | ||
closeBtn.addEventListener('click', function() { | |||
// Hide visually using vanilla JS | |||
if (banner) { | |||
banner.style.display = 'none'; | |||
} | |||
// Save to storage | |||
localStorage.setItem(storageKey, 'true'); | |||
}); | |||
} | |||
})(); | })(); | ||
</script> | </script> | ||
</includeonly> | </includeonly> | ||
2025年12月8日 (一) 20:52的版本
Donation Banner Widget
Use this code in MediaWiki:Sitenotice to display the banner:
小部件DonationBanner出错: Unable to load template 'wiki:DonationBanner'