打开/关闭搜索
打开/关闭菜单
1001
1617
117
1.5万
植物大战僵尸杂交版Wiki
打开/关闭外观设置菜单
打开/关闭个人菜单
未登录
未登录用户的IP地址会在进行任意编辑后公开展示。

如您想编辑，请先注册

微件: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…”
 
无编辑摘要
第6行： 第6行：
     gap: 10px;
     gap: 10px;
     background: #fff;
     background: #fff;
     border: 1px solid #e0e0e0;
     border: 1px solid #e5e7eb;
     border-radius: 12px;
     border-radius: 12px;
     padding: 12px 16px;
     padding: 12px 16px;
第12行： 第12行：
     text-decoration: none;
     text-decoration: none;
     color: inherit;
     color: inherit;
     max-width: 450px;
     max-width: 500px;
}
}
.download-card:hover {
.download-card:hover {
     border-color: #4CAF50;
     border-color: #4CAF50;
     box-shadow: 0 2px 8px rgba(0,0,0,0.08);
     box-shadow: 0 1px 3px rgba(0,0,0,0.05);
}
}
.download-card img {
.download-card .dc-icon {
     width: 32px;
     width: 32px;
     height: 32px;
     height: 32px;
第24行： 第24行：
     margin-top: 2px;
     margin-top: 2px;
}
}
.download-card .dc-info {
.download-card .dc-body {
     flex: 1;
     flex: 1;
     min-width: 0;
     min-width: 0;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 8px;
}
}
.download-card .dc-title {
.download-card .dc-left {
     font-size: 14px;
     min-width: 0;
    font-weight: bold;
    color: #333;
    margin-bottom: 2px;
}
}
.download-card .dc-tags {
.download-card .dc-header {
     display: flex;
     display: flex;
     gap: 4px;
    align-items: center;
     gap: 6px;
     flex-wrap: wrap;
     flex-wrap: wrap;
     margin-bottom: 2px;
     margin-bottom: 2px;
}
}
.download-card .dc-tag-new {
.download-card .dc-version {
     background: #4CAF50;
    font-size: 14px;
    font-weight: bold;
    color: #111;
}
.download-card .dc-badge-new {
     background: #22c55e;
     color: #fff;
     color: #fff;
     padding: 1px 8px;
     padding: 1px 8px;
     border-radius: 4px;
     border-radius: 4px;
     font-size: 11px;
     font-size: 12px;
     font-weight: bold;
     font-weight: bold;
     border: 1px solid #4CAF50;
    line-height: 1.4;
     border: 1px solid #22c55e;
}
}
.download-card .dc-tag-type {
.download-card .dc-badge-type {
     border: 1px solid #4CAF50;
     border: 1px solid #86efac;
     color: #4CAF50;
     color: #15803d;
     padding: 1px 8px;
     padding: 1px 8px;
     border-radius: 4px;
     border-radius: 4px;
     font-size: 11px;
     font-size: 12px;
     font-weight: bold;
     font-weight: 500;
    line-height: 1.4;
}
}
.download-card .dc-date {
.download-card .dc-date {
     font-size: 11px;
     font-size: 12px;
     color: #999;
     color: #9ca3af;
}
}
.download-card .dc-download {
.download-card .dc-download {
    color: #4CAF50;
    font-size: 13px;
    font-weight: bold;
    white-space: nowrap;
     display: flex;
     display: flex;
     align-items: center;
     align-items: center;
     gap: 2px;
     gap: 2px;
    font-size: 14px;
    font-weight: 600;
    color: #16a34a;
    white-space: nowrap;
    flex-shrink: 0;
    padding-top: 2px;
     transition: transform 0.2s;
     transition: transform 0.2s;
}
}
.download-card:hover .dc-download {
.download-card:hover .dc-download {
     transform: translateX(3px);
     transform: translateX(2px);
}
}
.download-card .dc-download svg {
.download-card .dc-download svg {
第80行： 第91行：
</style>
</style>


<a href="<!--{$url|escape:'html'}-->" target="_blank" class="download-card">
<a href="<!--{$url|escape:'html'}-->" target="_blank" rel="noreferrer" class="download-card">
     <img src="<!--{$icon|escape:'html'}-->" alt="">
     <img src="<!--{$icon|escape:'html'}-->" class="dc-icon" alt="">
     <div class="dc-info">
     <div class="dc-body">
         <div class="dc-title"><!--{$version|escape:'html'}--></div>
         <div class="dc-left">
        <div class="dc-tags">
            <div class="dc-header">
            <!--{$tags}-->
                <span class="dc-version"><!--{$version|escape:'html'}--></span>
                <!--{$tags}-->
            </div>
            <div class="dc-date"><!--{$date|escape:'html'}--></div>
         </div>
         </div>
         <div class="dc-date"><!--{$date|escape:'html'}--></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>
     </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>
</a>
</a>
</includeonly>
</includeonly>
{{#widget:DownloadCard
|url=https://pan.quark.cn/s/4259e472de02
|icon=https://new.pvzhe.wiki/images/2/20/Icon.webp
|version=v0.25.5
|date=2026-7-25
|tags=<span class="dc-tag-new">最新</span><span class="dc-tag-type">安装包</span>
}}

2026年7月29日 (三) 03:26的版本

检索自“https://new.pvzhe.wiki/index.php?title=微件:DownloadCard&oldid=15181”