chore: 初始化项目仓库

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
2026-05-31 21:27:39 +08:00
commit b7addb5c7a
50 changed files with 15964 additions and 0 deletions
@@ -0,0 +1,63 @@
+<script setup lang="ts">
+import { siteConfig } from '~/config/site'
+
+useSeoMeta({
+  title: `赞助 - ${siteConfig.siteName}`,
+  description: '感谢您的支持，您的赞助将帮助我持续创作优质内容',
+})
+</script>
+
+<template>
+  <div class="container mx-auto max-w-4xl px-4 py-12">
+    <div class="mb-8 text-center anim-fade-in-up">
+      <h1 class="mb-4 text-4xl font-bold">赞助支持</h1>
+      <p class="text-lg text-muted-foreground">感谢您的支持，您的赞助将帮助我持续创作优质内容</p>
+    </div>
+
+    <!-- 微信支付 -->
+    <div class="mb-8 rounded-xl border p-6 text-center anim-fade-in-up anim-delay-1" style="border-color: var(--color-border); background-color: var(--color-bg-card);">
+      <h2 class="mb-2 text-xl font-semibold">微信支付</h2>
+      <p class="mb-4 text-sm text-muted-foreground">扫描下方二维码向我赞助</p>
+      <div class="flex justify-center py-4">
+        <img
+          :src="siteConfig.sponsors.qrcode.wechat"
+          alt="微信支付二维码"
+          class="h-64 w-64 rounded-lg"
+        />
+      </div>
+    </div>
+
+    <!-- 支付宝 -->
+    <div class="mb-12 rounded-xl border p-6 text-center anim-fade-in-up anim-delay-2" style="border-color: var(--color-border); background-color: var(--color-bg-card);">
+      <h2 class="mb-2 text-xl font-semibold">支付宝</h2>
+      <p class="text-lg text-muted-foreground py-8">敬请期待 ✧</p>
+    </div>
+
+    <!-- 赞助名单 -->
+    <div class="anim-fade-in-up anim-delay-3">
+      <h2 class="mb-6 text-2xl font-bold">赞助名单</h2>
+      <div v-if="siteConfig.sponsors.list.length === 0" class="rounded-xl border p-12 text-center text-muted-foreground" style="border-color: var(--color-border); background-color: var(--color-bg-card);">
+        暂无赞助记录，期待你的出现 ✧
+      </div>
+      <div v-else class="grid gap-4 md:grid-cols-2 lg:grid-cols-3">
+        <div
+          v-for="sponsor in siteConfig.sponsors.list"
+          :key="sponsor.name"
+          class="rounded-xl border p-4"
+          style="border-color: var(--color-border); background-color: var(--color-bg-card);"
+        >
+          <div class="flex items-center gap-4">
+            <div class="flex h-12 w-12 shrink-0 items-center justify-center rounded-full text-lg font-bold" style="background: var(--color-bg-hover); color: var(--color-text-secondary);">
+              {{ sponsor.name.charAt(0) }}
+            </div>
+            <div class="flex-1">
+              <div class="font-semibold">{{ sponsor.name }}</div>
+              <div class="text-sm text-muted-foreground">{{ sponsor.date }}</div>
+            </div>
+            <div class="text-sm font-medium text-primary">{{ sponsor.amount }}</div>
+          </div>
+        </div>
+      </div>
+    </div>
+  </div>
+</template>