feat: 完善移动端会员业务流程

web/src/mobile/views/HomeView.vue

@@ -1,5 +1,10 @@
 <template>
   <section class="m-home">
+    <AnnouncementPopup
+      :show="Boolean(popupNotice)"
+      :notice="popupNotice"
+      @read="markPopupRead"
+    />
     <div class="m-home-hero" :style="bannerStyle">
       <label class="m-search">
         <n-icon :component="SearchOutline" />
@@ -81,7 +86,17 @@
   import { useRouter } from 'vue-router';
   import { SearchOutline, MegaphoneOutline } from '@vicons/ionicons5';
   import AsyncState from '../components/AsyncState.vue';
-  import { errorText, money, request, safeImage } from '../api';
+  import AnnouncementPopup, {
+    type AnnouncementNotice,
+  } from '../components/AnnouncementPopup.vue';
+  import {
+    completeLoginNotice,
+    errorText,
+    money,
+    request,
+    safeImage,
+    shouldShowLoginNotice,
+  } from '../api';
   import { mobileAssets } from '../assets';
 
   interface HomeData {
@@ -108,6 +123,7 @@
   const loading = ref(true);
   const error = ref('');
   const leaderboard = ref<LeaderboardEntry[]>([]);
+  const popupNotice = ref<AnnouncementNotice | null>(null);
   const formatCount = (value: number) => new Intl.NumberFormat('zh-CN').format(value || 0);
   const bannerStyle = computed(() => {
     const url = safeImage(home.value?.banners?.[0]?.image_url);
@@ -166,17 +182,30 @@
     loading.value = true;
     error.value = '';
     try {
-      const [homeData, rankData] = await Promise.all([
+      const noticeRequest = shouldShowLoginNotice()
+        ? request<AnnouncementNotice | null>({ url: '/v1/notices/popup' }).catch(() => null)
+        : Promise.resolve(null);
+      const [homeData, rankData, noticeData] = await Promise.all([
         request<HomeData>({ url: '/v1/home' }),
         request<LeaderboardEntry[]>({ url: '/v1/leaderboard' }).catch(() => []),
+        noticeRequest,
       ]);
       home.value = homeData;
       leaderboard.value = rankData || [];
+      popupNotice.value = noticeData;
     } catch (err) {
       error.value = errorText(err);
     } finally {
       loading.value = false;
     }
   }
+
+  function markPopupRead() {
+    if (!popupNotice.value) return;
+    const noticeId = popupNotice.value.id;
+    popupNotice.value = null;
+    completeLoginNotice();
+    request<void>({ url: `/v1/notices/${noticeId}/read`, method: 'POST' }).catch(() => undefined);
+  }
   onMounted(load);
 </script>