From c7eac54c04d9b2071cb3eff17622ab09eae7be58 Mon Sep 17 00:00:00 2001
From: xiao12feng8 <16507319+xiao12feng8@user.noreply.gitee.com>
Date: Sun, 11 Jan 2026 09:25:38 +0800
Subject: [PATCH] =?UTF-8?q?=E4=B8=BB=E9=A2=98=EF=BC=9A=E5=B9=BF=E5=9C=BA?=
 =?UTF-8?q?=E9=A1=B5=E9=9D=A2?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .gitignore                                    |   8 +-
 Zhibo/admin/vue.config.js                     |  12 +-
 .../src/main/assets/web/styles/yuanchi.css    | 133 +++++++++++++-----
 .../app/src/main/assets/web/yuanchi.html      |  49 +++++--
 .../app/src/main/res/menu/bottom_nav_main.xml |  10 +-
 5 files changed, 153 insertions(+), 59 deletions(-)

diff --git a/.gitignore b/.gitignore
index ef5274f7..02938eb6 100644
--- a/.gitignore
+++ b/.gitignore
@@ -40,12 +40,14 @@ archive/
 **/live-streaming/.env
 **/live-streaming/data/rooms.json
 
+# 环境配置文件（包含服务器地址等敏感信息）
+**/local.properties.production
+**/local.properties.development
+Zhibo/admin/vue.config.js
+
 # OS/IDE
 .DS_Store
 Thumbs.db
 **/.idea/
 **/.vscode/
 android-app/gradle/wrapper/gradle-wrapper.properties
-android-app/gradle/wrapper/gradle-wrapper.properties
-android-app/gradle/wrapper/gradle-wrapper.properties
-android-app/gradle/wrapper/gradle-wrapper.properties
diff --git a/Zhibo/admin/vue.config.js b/Zhibo/admin/vue.config.js
index 4efdafed..cc8bd4bc 100644
--- a/Zhibo/admin/vue.config.js
+++ b/Zhibo/admin/vue.config.js
@@ -51,27 +51,27 @@ module.exports = {
     },
     proxy: {
       '/api': {
-        target: 'http://localhost:30001',
+        target: 'http://localhost:8081',
         changeOrigin: true
       },
       '/crmebimage': {
-        target: 'http://localhost:30001',
+        target: 'http://localhost:8081',
         changeOrigin: true
       },
       '/file': {
-        target: 'http://localhost:30001',
+        target: 'http://localhost:8081',
         changeOrigin: true
       },
       '/image': {
-        target: 'http://localhost:30001',
+        target: 'http://localhost:8081',
         changeOrigin: true
       },
       '/video': {
-        target: 'http://localhost:30001',
+        target: 'http://localhost:8081',
         changeOrigin: true
       },
       '/voice': {
-        target: 'http://localhost:30001',
+        target: 'http://localhost:8081',
         changeOrigin: true
       }
     }
diff --git a/android-app/app/src/main/assets/web/styles/yuanchi.css b/android-app/app/src/main/assets/web/styles/yuanchi.css
index 751f54d0..b3f8d7d3 100644
--- a/android-app/app/src/main/assets/web/styles/yuanchi.css
+++ b/android-app/app/src/main/assets/web/styles/yuanchi.css
@@ -463,19 +463,26 @@ html, body {
   transform: translateY(0);
 }
 
-/* 拖动手柄 */
+/* 拖动手柄 - 扩大可点击区域 */
 .sheet-handle {
   display: flex;
   justify-content: center;
-  padding: 10px 16px 6px;
-  cursor: pointer;
+  align-items: center;
+  padding: 16px 16px 12px;
+  cursor: grab;
+  min-height: 44px;
+  touch-action: none;
+}
+
+.sheet-handle:active {
+  cursor: grabbing;
 }
 
 .handle-bar {
-  width: 36px;
-  height: 4px;
-  background: #ddd;
-  border-radius: 2px;
+  width: 40px;
+  height: 5px;
+  background: #ccc;
+  border-radius: 3px;
 }
 
 /* 区块头部 - 默认显示在底部 */
@@ -677,40 +684,67 @@ html, body {
 
 /* ========== 小游戏 ========== */
 .game-list {
-  display: flex;
-  gap: 10px;
-  overflow-x: auto;
-  padding-bottom: 4px;
-  -webkit-overflow-scrolling: touch;
-}
-
-.game-list::-webkit-scrollbar {
-  display: none;
+  display: grid;
+  grid-template-columns: repeat(2, 1fr);
+  gap: 12px;
 }
 
 .game-item {
-  flex-shrink: 0;
   display: flex;
+  justify-content: space-between;
   align-items: center;
-  gap: 8px;
-  padding: 10px 16px;
-  background: #f5f5f5;
+  padding: 16px 14px;
   border-radius: 20px;
   cursor: pointer;
+  min-height: 56px;
+  position: relative;
+  transition: transform 0.2s, box-shadow 0.2s;
+  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.06);
 }
 
 .game-item:active {
-  background: #eee;
+  transform: scale(0.96);
+}
+
+/* 小游戏卡片渐变背景色 - 参考图片样式 */
+.game-item:nth-child(1) {
+  background: linear-gradient(135deg, #b8f5e0 0%, #7ee8c7 100%);
+}
+.game-item:nth-child(2) {
+  background: linear-gradient(135deg, #fff4b8 0%, #ffe566 100%);
+}
+.game-item:nth-child(3) {
+  background: linear-gradient(135deg, #e8d4f8 0%, #d4b8eb 100%);
+}
+.game-item:nth-child(4) {
+  background: linear-gradient(135deg, #ffe8f2 0%, #ffc8d8 100%);
+}
+
+.game-info {
+  display: flex;
+  flex-direction: column;
+  gap: 2px;
 }
 
 .game-name {
-  font-size: 13px;
-  font-weight: 500;
-  color: #333;
+  font-size: 16px;
+  font-weight: 700;
+  color: #1a1a1a;
+}
+
+.game-desc {
+  font-size: 11px;
+  color: #666;
 }
 
 .game-icon {
-  font-size: 18px;
+  width: 40px;
+  height: 40px;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  font-size: 32px;
+  opacity: 1;
 }
 
 /* ========== 一起玩 ========== */
@@ -722,39 +756,68 @@ html, body {
 
 .together-card {
   display: flex;
-  flex-direction: column;
+  flex-direction: row;
+  justify-content: space-between;
   align-items: center;
-  padding: 14px 8px;
-  background: #f8f8f8;
+  padding: 12px 10px;
   border-radius: 14px;
   cursor: pointer;
+  min-height: 70px;
+  position: relative;
+  transition: transform 0.2s;
+  overflow: hidden;
 }
 
 .together-card:active {
   transform: scale(0.96);
 }
 
-.together-icon {
-  font-size: 26px;
-  margin-bottom: 6px;
+/* 一起玩卡片渐变背景色 - 参考图片样式 */
+.together-card:nth-child(1) {
+  background: linear-gradient(135deg, #b8f5e8 0%, #7ee8d0 100%);
+}
+.together-card:nth-child(2) {
+  background: linear-gradient(135deg, #e8d8f8 0%, #d8c0f0 100%);
+}
+.together-card:nth-child(3) {
+  background: linear-gradient(135deg, #fff8b8 0%, #ffe866 100%);
+}
+.together-card:nth-child(4) {
+  background: linear-gradient(135deg, #ffe8f0 0%, #ffc8d8 100%);
+}
+.together-card:nth-child(5) {
+  background: linear-gradient(135deg, #e8d8f8 0%, #d8c0f0 100%);
+}
+.together-card:nth-child(6) {
+  background: linear-gradient(135deg, #ffb8a8 0%, #ff9080 100%);
 }
 
 .together-info {
   display: flex;
   flex-direction: column;
-  align-items: center;
   gap: 2px;
+  flex: 1;
+}
+
+.together-icon {
+  position: absolute;
+  right: 6px;
+  bottom: 6px;
+  font-size: 24px;
+  opacity: 0.9;
 }
 
 .together-title {
-  font-size: 12px;
-  font-weight: 600;
+  font-size: 13px;
+  font-weight: 700;
   color: #333;
+  line-height: 1.2;
 }
 
 .together-desc {
   font-size: 10px;
-  color: #999;
+  color: #888;
+  line-height: 1.2;
 }
 
 /* ========== 响应式 ========== */
diff --git a/android-app/app/src/main/assets/web/yuanchi.html b/android-app/app/src/main/assets/web/yuanchi.html
index 40db0a3b..096fa81c 100644
--- a/android-app/app/src/main/assets/web/yuanchi.html
+++ b/android-app/app/src/main/assets/web/yuanchi.html
@@ -207,19 +207,27 @@
           </div>
           <div class="game-list">
             <div class="game-item" data-category-id="20" data-category-name="飞行棋">
-              <span class="game-name">飞行棋</span>
-              <span class="game-icon">🎲</span>
+              <div class="game-info">
+                <span class="game-name">飞行棋</span>
+              </div>
+              <span class="game-icon">♟</span>
             </div>
             <div class="game-item" data-category-id="21" data-category-name="桌球">
-              <span class="game-name">桌球</span>
-              <span class="game-icon">🎱</span>
+              <div class="game-info">
+                <span class="game-name">桌球</span>
+              </div>
+              <span class="game-icon">🎯</span>
             </div>
             <div class="game-item" data-category-id="22" data-category-name="五子棋">
-              <span class="game-name">五子棋</span>
-              <span class="game-icon">⚫</span>
+              <div class="game-info">
+                <span class="game-name">五子棋</span>
+              </div>
+              <span class="game-icon">⬛</span>
             </div>
             <div class="game-item" data-category-id="23" data-category-name="你画我猜">
-              <span class="game-name">你画我猜</span>
+              <div class="game-info">
+                <span class="game-name">你画我猜</span>
+              </div>
               <span class="game-icon">🎨</span>
             </div>
           </div>
@@ -232,25 +240,46 @@
           </div>
           <div class="together-grid">
             <div class="together-card" data-category-id="30" data-category-name="群聊广场">
-              <div class="together-icon">💬</div>
               <div class="together-info">
                 <span class="together-title">群聊广场</span>
                 <span class="together-desc">31人在一起</span>
               </div>
+              <div class="together-icon">💬</div>
             </div>
             <div class="together-card" data-category-id="31" data-category-name="游戏组队">
-              <div class="together-icon">👥</div>
               <div class="together-info">
                 <span class="together-title">游戏组队</span>
                 <span class="together-desc">开黑上分</span>
               </div>
+              <div class="together-icon">🎮</div>
             </div>
             <div class="together-card" data-category-id="32" data-category-name="纸飞机">
-              <div class="together-icon">✈️</div>
               <div class="together-info">
                 <span class="together-title">纸飞机</span>
                 <span class="together-desc">聊天匹配</span>
               </div>
+              <div class="together-icon">✈️</div>
+            </div>
+            <div class="together-card" data-category-id="33" data-category-name="发对象">
+              <div class="together-info">
+                <span class="together-title">发对象</span>
+                <span class="together-desc">正经恋爱</span>
+              </div>
+              <div class="together-icon">💕</div>
+            </div>
+            <div class="together-card" data-category-id="34" data-category-name="树洞">
+              <div class="together-info">
+                <span class="together-title">树洞</span>
+                <span class="together-desc">匿名倾诉</span>
+              </div>
+              <div class="together-icon">🐚</div>
+            </div>
+            <div class="together-card" data-category-id="35" data-category-name="同城搭子">
+              <div class="together-info">
+                <span class="together-title">同城搭子</span>
+                <span class="together-desc">遇见附近的TA</span>
+              </div>
+              <div class="together-icon">🔥</div>
             </div>
           </div>
         </section>
diff --git a/android-app/app/src/main/res/menu/bottom_nav_main.xml b/android-app/app/src/main/res/menu/bottom_nav_main.xml
index 520bac75..ff1d211a 100644
--- a/android-app/app/src/main/res/menu/bottom_nav_main.xml
+++ b/android-app/app/src/main/res/menu/bottom_nav_main.xml
@@ -1,16 +1,16 @@
 <?xml version="1.0" encoding="utf-8"?>
 <menu xmlns:android="http://schemas.android.com/apk/res/android">
 
+    <item
+        android:id="@+id/nav_friends"
+        android:icon="@drawable/ic_people_24"
+        android:title="广场" />
+
     <item
         android:id="@+id/nav_home"
         android:icon="@drawable/ic_home_24"
         android:title="首页" />
 
-    <item
-        android:id="@+id/nav_friends"
-        android:icon="@drawable/ic_people_24"
-        android:title="缘池" />
-
     <item
         android:id="@+id/nav_wish_tree"
         android:icon="@drawable/ic_tree_24"