From 0bd6725f35d028395d5e4c04883e94bfbb651f25 Mon Sep 17 00:00:00 2001
From: Leonmmcoset <testmod@qq.com>
Date: Sat, 12 Jul 2025 21:52:15 +0800
Subject: [PATCH] =?UTF-8?q?feat(UI):=20=E4=B8=BA=E5=B9=B3=E5=8F=B0?=
 =?UTF-8?q?=E4=BF=A1=E6=81=AF=E6=B7=BB=E5=8A=A0Font=20Awesome=E5=9B=BE?=
 =?UTF-8?q?=E6=A0=87?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

在developer_apps.php和tags.php中为平台信息添加对应的Font Awesome图标，提升UI视觉效果。同时在index.php和tags.php中添加Font Awesome的CDN引用。
---
 developer_apps.php | 20 ++++++++++++++++++--
 index.php          |  4 ++++
 tags.php           | 20 +++++++++++++++++++-
 3 files changed, 41 insertions(+), 3 deletions(-)

diff --git a/developer_apps.php b/developer_apps.php
index 02392aa..a2dcc22 100644
--- a/developer_apps.php
+++ b/developer_apps.php
@@ -160,8 +160,24 @@ $resultApps = $conn->query($sqlApps);
                                 // 获取应用适用平台
                                 $platforms = json_decode($app['platforms'], true);
                                 
-                                echo '<p class="card-text">标签: '. implode(', ', $tags) . '</p>';
-                                echo '<p class="card-text">平台: '. implode(', ', $platforms) . '</p>';
+                               <?php echo '<p class="card-text">标签: '. implode(', ', $tags) . '</p>';
+                                echo '<p class="card-text">平台: ';
+                                foreach ($platforms as $platform) {
+                                    $icon = '';
+                                    if ($platform === 'Windows') {
+                                        $icon = '<i class="fab fa-windows"></i>';
+                                    } elseif ($platform === 'macOS') {
+                                        $icon = '<i class="fab fa-apple"></i>';
+                                    } elseif ($platform === 'Linux') {
+                                        $icon = '<i class="fab fa-linux"></i>';
+                                    } elseif ($platform === 'iOS') {
+                                        $icon = '<i class="fab fa-app-store-ios"></i>';
+                                    } elseif ($platform === 'Android') {
+                                        $icon = '<i class="fab fa-android"></i>';
+                                    }
+                                    echo " <span class='d-inline-flex align-items-center'>$icon $platform</span>";
+                                }
+                                echo '</p>';
                                 ?>
                                 <p class="card-text">
                                     <small class="text-muted">
diff --git a/index.php b/index.php
index abca7aa..8a35421 100644
--- a/index.php
+++ b/index.php
@@ -31,6 +31,8 @@ if (!isset($conn) || !$conn instanceof mysqli) {
     <link href="css/bootstrap.min.css" rel="stylesheet">
     <!-- 自定义CSS -->
     <link rel="stylesheet" href="styles.css">
+    <!-- Font Awesome -->
+    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css">
     <script src="https://cdn.jsdelivr.net/npm/sweetalert2@11"></script>
     <!-- Fluent Design 模糊效果 -->
     <style>
@@ -160,6 +162,8 @@ $announcement = $announcementResult && $announcementResult->num_rows > 0 ? $anno
         </div>
         <!-- <p>网站占用量: <?php echo formatBytes($websiteSpace); ?></p> -->
         <br>
+        <!-- 这里可添加平台信息展示，参考 app.php 样式 -->
+        
         <form method="get" action="index.php" class="mb-4" onsubmit="return validateSearch();">
     <script>
     function validateSearch() {
diff --git a/tags.php b/tags.php
index 00dad74..2be341e 100644
--- a/tags.php
+++ b/tags.php
@@ -76,6 +76,8 @@ $tagResult = $conn->query("SELECT id, name FROM tags ORDER BY name");
     <link href="css/bootstrap.min.css" rel="stylesheet">
     <!-- 自定义CSS -->
     <link rel="stylesheet" href="styles.css">
+    <!-- Font Awesome -->
+    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css">
     <!-- Fluent Design 模糊效果 -->
     <style>
         .blur-bg {
@@ -160,7 +162,23 @@ $tagResult = $conn->query("SELECT id, name FROM tags ORDER BY name");
                                 $platforms = json_decode($row['platforms'], true);
                                 echo ' 标签: '. implode(', ', $tags) . '<br>';
                                 $platforms = $platforms ?? [];
-                                echo ' 平台: '. implode(', ', $platforms) . '<br>';
+                                echo ' 平台: ';
+                                foreach ($platforms as $platform) {
+                                    $icon = '';
+                                    if ($platform === 'Windows') {
+                                        $icon = '<i class="fab fa-windows"></i>';
+                                    } elseif ($platform === 'macOS') {
+                                        $icon = '<i class="fab fa-apple"></i>';
+                                    } elseif ($platform === 'Linux') {
+                                        $icon = '<i class="fab fa-linux"></i>';
+                                    } elseif ($platform === 'iOS') {
+                                        $icon = '<i class="fab fa-app-store-ios"></i>';
+                                    } elseif ($platform === 'Android') {
+                                        $icon = '<i class="fab fa-android"></i>';
+                                    }
+                                    echo " <span class='d-inline-flex align-items-center'>$icon $platform</span>";
+                                }
+                                echo '<br>';
                                 echo ' 评分: '. round($row['avg_rating'], 1) . '/5<br>';
                                 echo '';
                                 ?>