From b36ebbe548dd384f833bc4d02a237a0a9303e27f Mon Sep 17 00:00:00 2001
From: Leonmmcoset <testmod@qq.com>
Date: Thu, 10 Jul 2025 22:25:08 +0800
Subject: [PATCH] =?UTF-8?q?feat:=20=E4=BF=AE=E6=94=B9=E5=BA=94=E7=94=A8?=
 =?UTF-8?q?=E5=88=97=E8=A1=A8=E4=B8=BA=E5=88=86=E9=A1=B5=E5=8A=A0=E8=BD=BD?=
 =?UTF-8?q?=E5=B9=B6=E6=B7=BB=E5=8A=A0=E5=8A=A0=E8=BD=BD=E6=9B=B4=E5=A4=9A?=
 =?UTF-8?q?=E6=8C=89=E9=92=AE?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

将应用列表标题从"最新应用"改为"应用列表"，并添加分页加载功能。默认每页显示10个应用，通过offset参数控制分页，同时添加"加载更多"按钮实现无限滚动效果，提升用户体验。
---
 index.php | 30 ++++++++++++++++++++++++++----
 1 file changed, 26 insertions(+), 4 deletions(-)

diff --git a/index.php b/index.php
index 400e155..a379423 100644
--- a/index.php
+++ b/index.php
@@ -227,13 +227,13 @@ $announcement = $announcementResult && $announcementResult->num_rows > 0 ? $anno
         </div>
         <?php endif; ?>
 
-        <h1>最新应用</h1>
-        <div class="row">
+        <h1>应用列表</h1>
+        <div class="row" id="app-list">
             <!-- 这里将通过PHP动态加载应用列表 -->
             <?php
             $search = isset($_GET['search']) ? $_GET['search'] : '';
-            $limit = isset($_GET['limit']) ? intval($_GET['limit']) : 12;
-            $offset = isset($_GET['page']) ? (intval($_GET['page']) - 1) * $limit : 0;
+            $limit = 10; // 默认每页显示10个应用
+            $offset = isset($_GET['offset']) ? intval($_GET['offset']) : 0;
             $sql = "SELECT apps.id, apps.name, apps.description, apps.age_rating, AVG(reviews.rating) as avg_rating 
                     FROM apps 
                     LEFT JOIN reviews ON apps.id = reviews.app_id ";
@@ -330,6 +330,28 @@ $announcement = $announcementResult && $announcementResult->num_rows > 0 ? $anno
                 }
             }
             ?>
+            <div class="text-center mt-4">
+                <button id="load-more" class="btn btn-primary" onclick="loadMoreApps()">加载更多</button>
+            </div>
+            <script>
+                function loadMoreApps() {
+                    const currentOffset = parseInt(new URLSearchParams(window.location.search).get('offset')) || 0;
+                    const newOffset = currentOffset + <?php echo $limit; ?>;
+                    
+                    fetch(`index.php?search=<?php echo urlencode($search); ?>&tag=<?php echo urlencode($_GET['tag'] ?? ''); ?>&age_rating=<?php echo urlencode($_GET['age_rating'] ?? ''); ?>&offset=${newOffset}`)
+                        .then(response => response.text())
+                        .then(data => {
+                            const parser = new DOMParser();
+                            const doc = parser.parseFromString(data, 'text/html');
+                            const newApps = doc.querySelectorAll('#app-list .col-md-3');
+                            const appList = document.querySelector('#app-list');
+                            
+                            newApps.forEach(app => {
+                                appList.appendChild(app.cloneNode(true));
+                            });
+                        });
+                }
+            </script>
         </div>
     </div>