From 405332b0400196cf75a92f94bfc4d46e76e69b83 Mon Sep 17 00:00:00 2001
From: Seven <qiqiwatermelon@gmail.com>
Date: Sat, 17 Jan 2026 03:46:59 +0700
Subject: [PATCH] =?UTF-8?q?feat:=20=E6=B7=BB=E5=8A=A0=E7=AD=BE=E5=88=B0?=
 =?UTF-8?q?=E9=A1=B5=E9=9D=A2=EF=BC=8C=E5=8C=85=E5=90=AB=E7=AD=BE=E5=88=B0?=
 =?UTF-8?q?=E4=BF=A1=E6=81=AF=E5=92=8C=E8=AE=B0=E5=BD=95=E5=B1=95=E7=A4=BA?=
 =?UTF-8?q?=EF=BC=8C=E4=BC=98=E5=8C=96=E9=A1=B5=E9=9D=A2=E5=B8=83=E5=B1=80?=
 =?UTF-8?q?=E5=92=8C=E6=A0=B7=E5=BC=8F?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/assets/images/icon-1.png | Bin 0 -> 12837 bytes
 src/views/home/index.vue     |  11 +-
 src/views/signup/index.vue   | 198 ++++++++++++++++++++++++++++++++---
 3 files changed, 190 insertions(+), 19 deletions(-)
 create mode 100644 src/assets/images/icon-1.png

diff --git a/src/assets/images/icon-1.png b/src/assets/images/icon-1.png
new file mode 100644
index 0000000000000000000000000000000000000000..d29b7e5e04899106b50fae7eaf8b8bbb09e5abaf
GIT binary patch
literal 12837
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
D$eM2E

literal 0
HcmV?d00001

diff --git a/src/views/home/index.vue b/src/views/home/index.vue
index 9e8c363..7312a33 100644
--- a/src/views/home/index.vue
+++ b/src/views/home/index.vue
@@ -63,6 +63,7 @@ const newsList = ref([
   },
 ]);
 
+const router = useRouter();
 // 快捷入口
 const quickActions = ref([
   { id: 1, name: "签到", icon: calendarOutline, color: "#c32120" },
@@ -72,8 +73,14 @@ const quickActions = ref([
 ]);
 
 function handleQuickAction(action: any) {
-  console.log("点击快捷入口:", action.name);
-  // TODO: 实现各个快捷入口的功能
+  switch (action.id) {
+    case 1:
+      router.push("/signup");
+      break;
+    case 2:
+      console.log("团队中心");
+      break;
+  }
 }
 
 function handleAnnouncementClick(announcement: any) {
diff --git a/src/views/signup/index.vue b/src/views/signup/index.vue
index 27b679a..912a516 100644
--- a/src/views/signup/index.vue
+++ b/src/views/signup/index.vue
@@ -1,32 +1,196 @@
 <script lang='ts' setup>
+import {
+  calendarOutline,
+  checkmarkCircleOutline,
+  flameOutline,
+  ribbonOutline,
+  trophyOutline,
+} from "ionicons/icons";
 
+// 签到信息
+const signupInfo = ref({
+  consecutiveDays: 53,
+  totalDays: 127,
+  isSignedToday: false,
+});
+
+// 签到记录（最近7天）
+const recentSignup = ref([
+  { day: "周一", date: "01-13", signed: true },
+  { day: "周二", date: "01-14", signed: true },
+  { day: "周三", date: "01-15", signed: true },
+  { day: "周四", date: "01-16", signed: true },
+  { day: "周五", date: "01-17", signed: false },
+  { day: "周六", date: "01-18", signed: false },
+  { day: "周日", date: "01-19", signed: false },
+]);
+
+function handleSignup() {
+  console.log("立即签到");
+  // TODO: 实现签到功能
+}
 </script>
 
 <template>
   <ion-page>
     <ion-content>
+      <!-- 顶部横幅 -->
       <img src="@/assets/images/signup-banner.jpg" class="h-50 w-full object-cover" alt="服务页横幅">
 
-      <div class="ion-padding-horizontal mt-4 text-center text-4xl text-primary font-bold">
-        初心如磐 使命如坚
-      </div>
-      <div class="ion-padding-horizontal mt-4 text-center text-sm text-black font-bold opacity-90 tracking-widest">
-        讲党性/树新风/作表率/当先锋
-      </div>
-      <div class="ion-padding-horizontal mt-2 text-center text-sm text-primary font-bold tracking-widest">
-        红色印记，燃动今日的奋斗之光
-      </div>
-      <div class="ion-padding-horizontal mt-6 text-center text-2xl text-primary font-bold tracking-wider">
-        已连续 <span class="text-5xl mx-3">53</span> 天签到
-      </div>
+      <div class="ion-padding">
+        <!-- 主标题卡片 -->
+        <section class="mt-3 mb-4">
+          <div class="relative z-1">
+            <div class="flex items-center justify-center gap-2 mb-4">
+              <img src="@/assets/images/icon-1.png" class="size-6">
+              <div class="text-4xl text-[#c41e3a] font-bold m-0">
+                初心如磐 使命如坚
+              </div>
+              <img src="@/assets/images/icon-1.png" class="size-6">
+            </div>
+            <div class="text-center text-sm text-[#333] font-bold opacity-90 tracking-widest mb-1">
+              讲党性 / 树新风 / 作表率 / 当先锋
+            </div>
+            <div class="text-center text-sm text-[#c41e3a] font-bold tracking-wider">
+              红色印记，燃动今日的奋斗之光
+            </div>
+          </div>
+        </section>
 
-      <div class="ion-padding-horizontal mt-8 flex justify-center">
-        <ion-button size="large" class="w-3/4 bg-primary text-white font-bold rounded-full shadow-lg">
-          立即签到
-        </ion-button>
+        <!-- 签到统计卡片 -->
+        <section class="mb-8 mt-10">
+          <div class="card rounded-2xl shadow-lg p-6">
+            <div class="grid grid-cols-2 gap-4 mb-4">
+              <div class="bg-white/20 backdrop-blur-sm rounded-xl p-4 text-center">
+                <div class="text-xs opacity-90 mb-1">
+                  连续签到
+                </div>
+                <div class="text-4xl font-bold mb-1">
+                  {{ signupInfo.consecutiveDays }}
+                </div>
+                <div class="text-xs opacity-80">
+                  天
+                </div>
+              </div>
+              <div class="bg-white/20 backdrop-blur-sm rounded-xl p-4 text-center">
+                <div class="text-xs opacity-90 mb-1">
+                  累计签到
+                </div>
+                <div class="text-4xl font-bold mb-1">
+                  {{ signupInfo.totalDays }}
+                </div>
+                <div class="text-xs opacity-80">
+                  天
+                </div>
+              </div>
+            </div>
+
+            <!-- 签到按钮 -->
+            <ion-button
+              expand="block"
+              :disabled="signupInfo.isSignedToday"
+              @click="handleSignup"
+            >
+              <ion-icon slot="start" :icon="checkmarkCircleOutline" class="text-xl" />
+              {{ signupInfo.isSignedToday ? '今日已签到' : '立即签到' }}
+            </ion-button>
+          </div>
+        </section>
+
+        <!-- 本周签到记录 -->
+        <section class="mb-8">
+          <div class="card rounded-2xl shadow-lg p-5">
+            <div class="flex items-center gap-2 mb-5">
+              <img src="@/assets/images/icon.png" class="size-7">
+              <div class="text-xl font-bold text-[#1a1a1a]">
+                本周签到
+              </div>
+            </div>
+
+            <div class="grid grid-cols-7 gap-2">
+              <div
+                v-for="(day, index) in recentSignup"
+                :key="index"
+                class="flex flex-col items-center gap-2"
+              >
+                <div
+                  class="w-10 h-10 rounded-full flex-center text-xs font-bold transition-all"
+                  :class="day.signed
+                    ? 'bg-primary text-white shadow-md'
+                    : 'bg-gray-100 text-gray-400'"
+                >
+                  <ion-icon v-if="day.signed" :icon="checkmarkCircleOutline" class="text-xl" />
+                  <span v-else>{{ day.date.split('-')[1] }}</span>
+                </div>
+                <span class="text-xs text-[#666] font-medium">{{ day.day }}</span>
+              </div>
+            </div>
+          </div>
+        </section>
+
+        <!-- 签到奖励说明 -->
+        <section class="mb-8">
+          <div class="card rounded-2xl shadow-lg p-5">
+            <div class="flex items-center gap-2 mb-5">
+              <img src="@/assets/images/icon.png" class="size-7">
+              <div class="text-xl font-bold text-[#1a1a1a]">
+                签到奖励
+              </div>
+            </div>
+
+            <div class="space-y-3">
+              <div class="flex items-center justify-between p-3 bg-gradient-to-r from-[#fff7e6] to-transparent rounded-xl">
+                <div class="flex items-center gap-3">
+                  <div class="w-2 h-2 rounded-full bg-[#faad14]" />
+                  <span class="text-sm text-[#333] font-medium">连续签到7天</span>
+                </div>
+                <span class="text-sm text-[#c41e3a] font-bold">+10积分</span>
+              </div>
+              <div class="flex items-center justify-between p-3 bg-gradient-to-r from-[#f6ffed] to-transparent rounded-xl">
+                <div class="flex items-center gap-3">
+                  <div class="w-2 h-2 rounded-full bg-[#52c41a]" />
+                  <span class="text-sm text-[#333] font-medium">连续签到30天</span>
+                </div>
+                <span class="text-sm text-[#c41e3a] font-bold">+50积分</span>
+              </div>
+              <div class="flex items-center justify-between p-3 bg-gradient-to-r from-[#fff1f0] to-transparent rounded-xl">
+                <div class="flex items-center gap-3">
+                  <div class="w-2 h-2 rounded-full bg-[#c41e3a]" />
+                  <span class="text-sm text-[#333] font-medium">连续签到60天</span>
+                </div>
+                <span class="text-sm text-[#c41e3a] font-bold">+100积分</span>
+              </div>
+            </div>
+          </div>
+        </section>
       </div>
     </ion-content>
   </ion-page>
 </template>
 
-<style lang='css' scoped></style>
+<style lang='css' scoped>
+.signup-btn {
+  --background: white;
+  --color: #c41e3a;
+  --border-radius: 12px;
+  --box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
+  font-weight: 700;
+  font-size: 16px;
+  height: 50px;
+  text-transform: none;
+}
+
+.card {
+  background: linear-gradient(180deg, #ffeef1, #ffffff 15%);
+}
+
+.signup-btn::part(native) {
+  font-weight: 700;
+}
+
+.signup-btn:disabled {
+  --background: rgba(255, 255, 255, 0.5);
+  --color: rgba(255, 255, 255, 0.8);
+  opacity: 0.6;
+}
+</style>