微件:DownloadCard:修订间差异
来自植物大战僵尸杂交版Wiki
更多操作
无编辑摘要 |
无编辑摘要 |
||
| 第91行: | 第91行: | ||
</style> | </style> | ||
< | <div class="download-card-wrap"></div> | ||
< | <script> | ||
(function() { | |||
var url = '<!--{$url|escape:'html'}-->'; | |||
var icon = '<!--{$icon|escape:'html'}-->'; | |||
var version = '<!--{$version|escape:'html'}-->'; | |||
var date = '<!--{$date|escape:'html'}-->'; | |||
var showNew = '<!--{$new|escape:'html'}-->'; | |||
var typeText = '<!--{$type|escape:'html'}-->'; | |||
var tagsHtml = ''; | |||
if (showNew === '1') tagsHtml += '<span class="dc-badge-new">最新</span>'; | |||
if (typeText) tagsHtml += '<span class="dc-badge-type">' + typeText + '</span>'; | |||
var card = document.createElement('a'); | |||
card.className = 'download-card'; | |||
card.href = url; | |||
card.target = '_blank'; | |||
</ | card.rel = 'noreferrer'; | ||
card.innerHTML = | |||
'<img src="' + icon + '" class="dc-icon" alt="">' + | |||
'<div class="dc-body">' + | |||
'<div class="dc-left">' + | |||
'<div class="dc-header">' + | |||
'<span class="dc-version">' + version + '</span>' + | |||
tagsHtml + | |||
'</div>' + | |||
'<div class="dc-date">' + date + '</div>' + | |||
'</div>' + | |||
'<span class="dc-download">下载' + | |||
'<svg fill="none" viewBox="0 0 24 24" stroke="currentColor">' + | |||
'<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M4 16v1a3 3 0 003 3h10a3 3 0 003-3v-1m-4-4l-4 4m0 0l-4-4m4 4V4"></path>' + | |||
'</svg>' + | |||
'</span>' + | |||
'</div>'; | |||
document.querySelector('.download-card-wrap').appendChild(card); | |||
})(); | |||
</script> | |||
</includeonly> | </includeonly> | ||