微件:DownloadCard：修订间差异
来自植物大战僵尸杂交版Wiki
更多操作
创建页面，内容为“<includeonly> <style> .download-card { display: flex; align-items: flex-start; gap: 10px; background: #fff; border: 1px solid #e0e0e0; border-radius: 12px; padding: 12px 16px; transition: all 0.2s; text-decoration: none; color: inherit; max-width: 450px; } .download-card:hover { border-color: #4CAF50; box-shadow: 0 2px 8px rgba(0,0,0,0.08); } .download-card img { width: 32px; height: 32px; flex-shr…” |
无编辑摘要 |
||
| （未显示同一用户的5个中间版本） | |||
| 第1行： | 第1行： | ||
<includeonly> | <includeonly> | ||
<style> | <style> | ||
. | .dc-wrap { margin: 10px 0; } | ||
.dc-wrap a { | |||
display: flex; | display: flex; | ||
align-items: flex-start; | align-items: flex-start; | ||
gap: 10px; | gap: 10px; | ||
background: #fff; | background: #fff; | ||
border: 1px solid # | border: 1px solid #e5e7eb; | ||
border-radius: 12px; | border-radius: 12px; | ||
padding: 12px 16px; | padding: 12px 16px; | ||
| 第12行： | 第13行： | ||
text-decoration: none; | text-decoration: none; | ||
color: inherit; | color: inherit; | ||
max-width: | max-width: 500px; | ||
} | } | ||
. | .dc-wrap a:hover { | ||
border-color: #4CAF50; | border-color: #4CAF50; | ||
box-shadow: 0 | box-shadow: 0 1px 3px rgba(0,0,0,0.05); | ||
} | } | ||
.dc-wrap img { width: 48px; height: 48px; flex-shrink: 0; margin-top: 2px; } | |||
.dc-wrap .dc-body { flex: 1; min-width: 0; display: flex; align-items: center; justify-content: space-between; gap: 8px; } | |||
.dc-wrap .dc-left { min-width: 0; } | |||
.dc-wrap .dc-header { display: flex; align-items: center; gap: 6px; flex-wrap: wrap; margin-bottom: 2px; } | |||
.dc-wrap .dc-ver { font-size: 14px; font-weight: bold; color: #111; } | |||
.dc-wrap .dc-new { background: #22c55e; color: #fff; padding: 1px 8px; border-radius: 4px; font-size: 12px; font-weight: bold; border: 1px solid #22c55e; } | |||
.dc-wrap .dc-type { border: 1px solid #86efac; color: #15803d; padding: 1px 8px; border-radius: 4px; font-size: 12px; font-weight: 500; } | |||
.dc-wrap .dc-date { font-size: 12px; color: #9ca3af; } | |||
.dc-wrap .dc-dl { display: flex; align-items: center; gap: 2px; font-size: 14px; font-weight: 600; color: #16a34a; white-space: nowrap; transition: transform 0.2s; } | |||
.dc-wrap a:hover .dc-dl { transform: translateX(2px); } | |||
.dc-wrap .dc-dl svg { width: 14px; height: 14px; } | |||
</style> | </style> | ||
<a href="<!--{$url|escape:'html'}-->" target="_blank" | <div class="dc-wrap"> | ||
<a href="<!--{$url|escape:'html'}-->" target="_blank" rel="noreferrer"> | |||
<img src="<!--{$icon|escape:'html'}-->"> | |||
<div class="dc-body"> | |||
<div class="dc-left"> | |||
<div class="dc-header"> | |||
<span class="dc-ver"><!--{$version|escape:'html'}--></span> | |||
<!--{$new}--> | |||
<!--{$type}--> | |||
</div> | |||
<div class="dc-date"><!--{$date|escape:'html'}--></div> | |||
</div> | |||
<span class="dc-dl"> | |||
下载 | |||
<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> | </div> | ||
</a> | |||
</div> | |||
</includeonly> | </includeonly> | ||