微件:DownloadCard：修订间差异
来自植物大战僵尸杂交版Wiki
更多操作
无编辑摘要 |
无编辑摘要 |
||
| （未显示同一用户的2个中间版本） | |||
| 第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; | ||
| 第14行： | 第15行： | ||
max-width: 500px; | max-width: 500px; | ||
} | } | ||
. | .dc-wrap a:hover { | ||
border-color: #4CAF50; | border-color: #4CAF50; | ||
box-shadow: 0 1px 3px rgba(0,0,0,0.05); | 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" rel="noreferrer | <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> | </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> | ||