juluo/fuwari
1
0
Fork 0
mirror of https://github.com/afoim/fuwari.git synced 2026-01-31 00:53:19 +08:00
Code Issues Packages Projects Releases Wiki Activity

feat(捐赠页面): 添加明镜台赞助者卡片及头像

Browse Source 
添加新的赞助者卡片展示明镜台的赞助信息，包括头像、名称、日期和金额。头像文件已添加到public/favicon目录。
This commit is contained in:
afoim
2025-08-02 15:17:48 +08:00
parent c641b49c06
commit bf650f1411
2 changed files with 20 additions and 1 deletions
Download Patch File Download Diff File Expand all files Collapse all files

BIN
public/favicon/mjt.jpg Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 108 KiB

21
src/pages/donate.astro
View File

@@ -140,8 +140,27 @@ import { Icon } from "astro-icon/components";
</p> </p>
<br> <br>
<div class="sponsors-grid"> <div class="sponsors-grid">
<div class="sponsor-card">
<div class="flex items-center gap-3 p-4 rounded-lg bg-[var(--card-bg)] border border-black/10 dark:border-white/10">
<!-- 本地头像示例（需要将头像放在 public/avatars/ 目录下） -->
<div class="w-10 h-10 rounded-full bg-gray-300 dark:bg-gray-600 flex items-center justify-center overflow-hidden">
<!-- 如果有本地头像文件，使用: <img src="/avatars/user1.jpg" alt="用户头像" class="w-full h-full object-cover" /> -->
<!-- 如果没有头像文件，显示默认图标 -->
<!-- <Icon name="material-symbols:person" class="text-gray-500 dark:text-gray-400 text-[1.2rem]"/> -->
<img src="/favicon/mjt.jpg" alt="" class="w-full h-full object-cover">
</div>
<div class="flex-1">
<h4 class="font-semibold text-black dark:text-white text-sm">明镜台</h4>
<p class="text-xs text-black/60 dark:text-white/60">2025-08-02</p>
</div>
<div class="text-xs text-[var(--primary)] font-medium">
100 ￥
</div>
</div>
</div>
<div class="sponsor-card"> <div class="sponsor-card">
<div class="flex items-center gap-3 p-4 rounded-lg bg-[var(--card-bg)] border border-black/10 dark:border-white/10"> <div class="flex items-center gap-3 p-4 rounded-lg bg-[var(--card-bg)] border border-black/10 dark:border-white/10">
<!-- 本地头像示例（需要将头像放在 public/avatars/ 目录下） --> <!-- 本地头像示例（需要将头像放在 public/avatars/ 目录下） -->