From c3f4c2709d09ba46387eaf97e2577b6a04ec86ea Mon Sep 17 00:00:00 2001
From: Seven <qiqiwatermelon@gmail.com>
Date: Sat, 3 Jan 2026 23:11:03 +0700
Subject: [PATCH] =?UTF-8?q?feat:=20=E6=9B=B4=E6=96=B0=20docker-compose=20?=
 =?UTF-8?q?=E9=85=8D=E7=BD=AE=EF=BC=8C=E4=BF=AE=E6=94=B9=E6=9C=8D=E5=8A=A1?=
 =?UTF-8?q?=E5=90=8D=E7=A7=B0=E5=B9=B6=E5=8D=87=E7=BA=A7=E7=89=88=E6=9C=AC?=
 =?UTF-8?q?=EF=BC=9B=E4=BC=98=E5=8C=96=E5=BA=94=E7=94=A8=E8=AF=A6=E6=83=85?=
 =?UTF-8?q?=E9=A1=B5=E6=95=B0=E6=8D=AE=E8=8E=B7=E5=8F=96=E6=96=B9=E5=BC=8F?=
 =?UTF-8?q?=EF=BC=8C=E7=9B=B4=E6=8E=A5=E4=BD=BF=E7=94=A8=E6=95=B0=E6=8D=AE?=
 =?UTF-8?q?=E6=96=87=E4=BB=B6?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 packages/distribute/docker-compose.yml  |  6 ++---
 packages/distribute/nuxt.config.ts      | 20 +++++++++++++++
 packages/distribute/pages/apps/[id].vue |  7 +++---
 packages/distribute/pages/index.vue     | 33 ++++++++++++-------------
 4 files changed, 43 insertions(+), 23 deletions(-)

diff --git a/packages/distribute/docker-compose.yml b/packages/distribute/docker-compose.yml
index 2608338..024022a 100644
--- a/packages/distribute/docker-compose.yml
+++ b/packages/distribute/docker-compose.yml
@@ -1,9 +1,9 @@
-version: "3.4"
+version: "3.8"
 
 services:
-  riwa-ionic:
+  app:
     image: nginx:alpine
-    container_name: riwa-ionic
+    container_name: riwa-distribute
     ports:
       - 6999:6999
     restart: always
diff --git a/packages/distribute/nuxt.config.ts b/packages/distribute/nuxt.config.ts
index d07bcbe..ab22b5a 100644
--- a/packages/distribute/nuxt.config.ts
+++ b/packages/distribute/nuxt.config.ts
@@ -57,5 +57,25 @@ export default defineNuxtConfig({
     host: '0.0.0.0'
   },
 
+  nitro: {
+    prerender: {
+      routes: ['/'],
+      crawlLinks: true,
+    },
+  },
+
+  hooks: {
+    async 'nitro:config'(nitroConfig) {
+      // 预渲染所有应用详情页
+      const { apps } = await import('./data/apps')
+      const routes = apps.map(app => `/apps/${app.id}`)
+      nitroConfig.prerender = nitroConfig.prerender || {}
+      nitroConfig.prerender.routes = [
+        ...(nitroConfig.prerender.routes || []),
+        ...routes,
+      ]
+    },
+  },
+
   compatibilityDate: '2025-12-30',
 })
diff --git a/packages/distribute/pages/apps/[id].vue b/packages/distribute/pages/apps/[id].vue
index a246a8c..3e51aea 100644
--- a/packages/distribute/pages/apps/[id].vue
+++ b/packages/distribute/pages/apps/[id].vue
@@ -1,15 +1,16 @@
 <script setup lang="ts">
 import type { AppInfo } from '~/types'
+import { apps } from '~/data/apps'
 
 const route = useRoute()
 const router = useRouter()
 const { t, locale } = useI18n()
 
-// 获取应用详情
-const { data: app, error } = await useFetch<AppInfo>(`/api/apps/${route.params.id}`)
+// 直接从数据文件获取应用详情
+const app = computed(() => apps.find(a => a.id === route.params.id))
 
 // 如果应用不存在，跳转回首页
-if (error.value) {
+if (!app.value) {
   navigateTo('/')
 }
 
diff --git a/packages/distribute/pages/index.vue b/packages/distribute/pages/index.vue
index 51285a0..61c2d51 100644
--- a/packages/distribute/pages/index.vue
+++ b/packages/distribute/pages/index.vue
@@ -1,13 +1,14 @@
 <script setup lang="ts">
 import type { AppInfo } from '~/types'
 
+import { apps as appsData, categories as categoriesData } from '~/data/apps'
+
 const { t, locale, setLocale } = useI18n()
 const colorMode = useColorMode()
 
-// 获取应用列表
-const { data: appsData } = await useFetch('/api/apps')
-const apps = computed(() => appsData.value?.apps || [])
-const categories = computed(() => appsData.value?.categories || [])
+// 直接使用数据文件
+const apps = computed(() => appsData)
+const categories = computed(() => categoriesData)
 
 // 当前选中的分类
 const selectedCategory = ref('all')
@@ -105,10 +106,10 @@ useHead({
       <header class="sticky top-0 z-50">
         <div class="flex items-center justify-between py-4">
           <div class="flex items-center gap-3 group">
-            <div class="size-10 rounded-xl bg-linear-to-br from-blue-500 to-blue-600 flex items-center justify-center text-white font-bold text-xl relative overflow-hidden transition-all duration-300 group-hover:scale-110 animate-gradient shadow-lg shadow-blue-500/50">
-              <div class="absolute inset-0 bg-linear-to-tr from-white/0 via-white/20 to-white/0 translate-x-[-100%] group-hover:translate-x-[100%] transition-transform duration-700"></div>
+            <div class="size-10 rounded-xl bg-linear-to-br from-blue-500 to-blue-600 flex items-center justify-center text-white font-bold text-xl relative overflow-hidden shadow-lg shadow-blue-500/50">
+              <div class="absolute inset-0 bg-linear-to-tr from-white/0 via-white/20 to-white/0 -translate-x-full group-hover:translate-x-full transition-transform duration-700"></div>
               <div class="absolute -inset-1 bg-blue-400/30 rounded-xl blur-md opacity-0 group-hover:opacity-100 animate-pulse-ring"></div>
-              <span class="relative z-10 animate-pulse-subtle">R</span>
+              <span class="relative z-10">R</span>
             </div>
             <h1 class="text-xl font-bold bg-linear-to-r from-gray-900 via-primary-600 to-purple-600 dark:from-white dark:via-primary-400 dark:to-purple-400 bg-clip-text text-transparent animate-gradient">
               {{ t('appName') }}
@@ -164,26 +165,24 @@ useHead({
       </div>
 
       <!-- Apps Grid -->
-      <div v-if="filteredApps.length > 0" class="grid md:grid-cols-2 lg:grid-cols-3 gap-6 perspective-1000">
+      <div v-if="filteredApps.length > 0" class="grid md:grid-cols-2 lg:grid-cols-3 gap-6">
         <div
           v-for="(app, index) in filteredApps"
           :key="app.id"
-          class="group relative animate-fade-in-up transform-gpu"
+          class="group relative animate-fade-in-up"
         >
           <UCard
-            class="cursor-pointer backdrop-blur-sm bg-white/90 dark:bg-gray-900/90 border border-gray-200/50 dark:border-gray-800/50 transition-all duration-500 hover:shadow-2xl hover:shadow-primary-500/20 hover:-translate-y-2 hover:rotate-y-2 active:scale-95 active:shadow-lg active:shadow-primary-500/40 relative overflow-hidden touch-manipulation"
+            class="cursor-pointer backdrop-blur-sm bg-white/90 dark:bg-gray-900/90 border border-gray-200/50 dark:border-gray-800/50 duration-500 hover:shadow-2xl hover:shadow-primary-500/20 hover:-translate-y-2 hover:rotate-y-2 active:scale-95 active:shadow-lg active:shadow-primary-500/40 relative overflow-hidden"
             @click="openAppDetail(app)"
           >
            <!-- 内部发光效果 -->
-            <div class="absolute inset-0 bg-linear-to-br from-primary-500/5 via-transparent to-purple-500/5 opacity-0 group-hover:opacity-100 transition-opacity duration-500"></div>
+            <div class="absolute inset-0 bg-linear-to-br from-primary-500/5 to-purple-500/5"></div>
             
              <div class="flex items-start gap-4 relative z-10">
               <!-- App Icon -->
-              <div class="size-16 rounded-2xl bg-linear-to-br from-blue-500 to-blue-600 flex items-center justify-center text-white font-bold text-2xl shrink-0 shadow-lg shadow-blue-500/50 relative overflow-hidden group-hover:shadow-2xl group-hover:shadow-blue-500/60 transition-all duration-500 group-hover:scale-110 group-hover:rotate-3 group-active:scale-105 group-active:rotate-1 animate-float-subtle p-2">
+              <div class="size-16 rounded-2xl bg-linear-to-br from-blue-500 to-blue-600 flex items-center justify-center text-white font-bold text-2xl shrink-0 shadow-lg shadow-blue-500/50 relative overflow-hidden group-hover:shadow-2xl group-hover:shadow-blue-500/60 transition-all duration-500 group-hover:scale-110 group-hover:rotate-3 group-active:scale-105 group-active:rotate-1 p-2">
                 <!-- 动态发光效果 -->
                 <div class="absolute inset-0 bg-linear-to-tr from-white/0 via-white/30 to-white/0 translate-x-[-100%] group-hover:translate-x-full group-active:translate-x-[50%] transition-transform duration-700"></div>
-                <!-- 脉冲光环 -->
-                <div class="absolute -inset-2 bg-blue-400/30 rounded-2xl blur-md opacity-0 group-hover:opacity-100 animate-pulse-ring"></div>
                 <img :src="app.icon" :alt="app.name" class="size-full object-contain relative z-10 rounded-lg transition-all duration-300 group-active:scale-95 group-hover:rotate-[-3deg]" />
               </div>
 
@@ -211,7 +210,7 @@ useHead({
                 label="iOS"
                 size="lg"
                 block
-                class="transition-all duration-300 hover:shadow-lg hover:shadow-blue-500/50 hover:-translate-y-1 active:scale-95 active:shadow-xl active:shadow-blue-500/60 touch-manipulation relative overflow-hidden group/btn"
+                class="transition-all duration-300 hover:shadow-lg hover:shadow-blue-500/50 hover:-translate-y-1 active:scale-95 active:shadow-xl active:shadow-blue-500/60 relative overflow-hidden group/btn"
                 @click.stop="(e) => handleDownload(app, 'ios', e)"
               >
               </UButton>
@@ -221,7 +220,7 @@ useHead({
                 label="Android"
                 size="lg"
                 block
-                class="transition-all duration-300 hover:shadow-lg hover:shadow-blue-500/50 hover:-translate-y-1 active:scale-95 active:shadow-xl active:shadow-blue-500/60 touch-manipulation relative overflow-hidden group/btn"
+                class="transition-all duration-300 hover:shadow-lg hover:shadow-blue-500/50 hover:-translate-y-1 active:scale-95 active:shadow-xl active:shadow-blue-500/60 relative overflow-hidden group/btn"
                 @click.stop="(e) => handleDownload(app, 'android', e)"
               >
               </UButton>
@@ -231,7 +230,7 @@ useHead({
                 label="Web"
                 size="lg"
                 block
-                class="transition-all duration-300 hover:shadow-lg hover:shadow-blue-500/50 hover:-translate-y-1 active:scale-95 active:shadow-xl active:shadow-blue-500/60 touch-manipulation relative overflow-hidden group/btn"
+                class="transition-all duration-300 hover:shadow-lg hover:shadow-blue-500/50 hover:-translate-y-1 active:scale-95 active:shadow-xl active:shadow-blue-500/60 relative overflow-hidden group/btn"
                 @click.stop="(e) => handleDownload(app, 'h5', e)"
               >
               </UButton>