From af57f1a3956f4e599a83413b6794160d88123d66 Mon Sep 17 00:00:00 2001
From: Yuzhiran Dev <dev@yuzhiran.com>
Date: Sat, 11 Jul 2026 13:09:43 +0800
Subject: [PATCH] =?UTF-8?q?feat:=20=E7=BB=9F=E4=B8=80=E9=A1=B5=E9=9D=A2?=
 =?UTF-8?q?=E5=B8=83=E5=B1=80=20+=20=E9=97=AE=E7=AD=94=E9=A1=B5=E9=9D=A2?=
 =?UTF-8?q?=E6=9C=AA=E7=99=BB=E5=BD=95=E5=8F=AF=E9=A2=84=E8=A7=88?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

- 添加全局 .page-layout 工具类(统一padding/背景/min-height)
- 所有16个页面根元素加上 page-layout 类
- 问答页面移除登录拦截：未登录可看欢迎卡片和问题建议，使用时再跳登录
- 输入区未登录时显示品牌色登录引导按钮
- 补全 detail/search/progress/feedback 缺漏的 status-bar-placeholder
---
 client/pnpm-workspace.yaml                    |  5 ++
 client/src/App.vue                            | 15 +++++
 .../src/pages/achievements/achievements.vue   |  2 +-
 client/src/pages/chat/chat.vue                | 67 +++++++++++--------
 client/src/pages/detail/detail.vue            |  4 +-
 client/src/pages/dimension/dimension.vue      |  2 +-
 client/src/pages/favorites/favorites.vue      |  2 +-
 client/src/pages/feedback/feedback.vue        |  4 +-
 client/src/pages/index/index.vue              |  2 +-
 client/src/pages/leaderboard/leaderboard.vue  |  2 +-
 client/src/pages/login/login.vue              |  2 +-
 client/src/pages/news/news.vue                |  2 +-
 client/src/pages/payment/payment.vue          |  2 +-
 client/src/pages/profile/profile.vue          |  2 +-
 client/src/pages/progress/progress.vue        |  4 +-
 client/src/pages/search/search.vue            |  4 +-
 client/src/pages/settings/settings.vue        |  2 +-
 client/src/pages/trend/trend.vue              |  2 +-
 18 files changed, 82 insertions(+), 43 deletions(-)
 create mode 100644 client/pnpm-workspace.yaml

diff --git a/client/pnpm-workspace.yaml b/client/pnpm-workspace.yaml
new file mode 100644
index 0000000..ee14c69
--- /dev/null
+++ b/client/pnpm-workspace.yaml
@@ -0,0 +1,5 @@
+allowBuilds:
+  '@parcel/watcher': set this to true or false
+  core-js: set this to true or false
+  esbuild: set this to true or false
+  vue-demi: set this to true or false
diff --git a/client/src/App.vue b/client/src/App.vue
index 03e11ab..0c6fc75 100644
--- a/client/src/App.vue
+++ b/client/src/App.vue
@@ -258,6 +258,21 @@ view {
   height: 0;
 }
 
+/* 页面布局统一 */
+.page-layout {
+  min-height: 100vh;
+  padding: 0 20px 30px;
+  background: var(--bg-primary);
+}
+
+/* 页面副标题（统一） */
+.page-subtitle {
+  display: block;
+  font-size: 13px;
+  color: var(--text-tertiary);
+  margin-top: 4px;
+}
+
 /* 卡片通用 */
 .card {
   background: var(--glass-bg);
diff --git a/client/src/pages/achievements/achievements.vue b/client/src/pages/achievements/achievements.vue
index b57ed19..0bd55b8 100644
--- a/client/src/pages/achievements/achievements.vue
+++ b/client/src/pages/achievements/achievements.vue
@@ -1,5 +1,5 @@
 <template>
-  <view class="page-achievements">
+  <view class="page-achievements page-layout">
     <view class="status-bar-placeholder"></view>
 
     <!-- 顶部导航 -->
diff --git a/client/src/pages/chat/chat.vue b/client/src/pages/chat/chat.vue
index a1862d3..3b3b180 100644
--- a/client/src/pages/chat/chat.vue
+++ b/client/src/pages/chat/chat.vue
@@ -1,5 +1,5 @@
 <template>
-  <view class="page-chat">
+  <view class="page-chat page-layout">
     <view class="status-bar-placeholder"></view>
 
     <!-- 聊天头部 -->
@@ -11,21 +11,15 @@
         <text class="chat-name">AI 助手</text>
         <text class="chat-status">随时为你解答</text>
       </view>
-      <!-- 配额徽章 -->
-      <view class="quota-badge" @click="goShare">
+      <!-- 配额徽章（登录后显示） -->
+      <view class="quota-badge" v-if="userStore.isLoggedIn" @click="goShare">
         <text class="quota-text">{{ quotaDisplay }}</text>
         <text class="quota-icon">🎁</text>
       </view>
     </view>
 
-    <!-- 未登录提示 -->
-    <view class="login-hint" v-if="!userStore.isLoggedIn">
-      <text class="hint-text">登录后即可向 AI 助手提问</text>
-      <button class="login-btn" @click="goLogin">微信登录</button>
-    </view>
-
-    <!-- 消息列表 -->
-    <scroll-view class="msg-list" scroll-y :scroll-into-view="scrollTo" v-else>
+    <!-- 消息列表（始终可见） -->
+    <scroll-view class="msg-list" scroll-y :scroll-into-view="scrollTo">
       <!-- 欢迎消息 -->
       <view class="welcome-card">
         <text class="welcome-icon">💡</text>
@@ -57,9 +51,9 @@
       </view>
     </scroll-view>
 
-    <!-- 输入区 -->
-    <view class="chat-input-area" v-if="userStore.isLoggedIn">
-      <view class="chat-input">
+    <!-- 输入区（始终可见，未登录时提示登录） -->
+    <view class="chat-input-area">
+      <view class="chat-input" v-if="userStore.isLoggedIn">
         <input
           v-model="question"
           class="input-field"
@@ -72,6 +66,13 @@
           <text>➤</text>
         </view>
       </view>
+      <!-- 未登录：显示登录引导 -->
+      <view class="login-input-placeholder" v-else @click="goLogin">
+        <text class="login-input-text">登录后即可体验 AI 问答</text>
+        <view class="login-input-btn">
+          <text>去登录 →</text>
+        </view>
+      </view>
     </view>
   </view>
 </template>
@@ -123,6 +124,12 @@ async function sendMessage() {
   const q = question.value.trim()
   if (!q || loading.value) return
 
+  // 未登录 → 跳登录
+  if (!userStore.isLoggedIn) {
+    uni.navigateTo({ url: '/pages/login/login' })
+    return
+  }
+
   messages.value.push({ role: 'user', content: escapeHtml(q) })
   question.value = ''
   scrollToLast()
@@ -267,29 +274,33 @@ function goShare() {
 
 .quota-icon { font-size: 14px; }
 
-// 未登录提示
-.login-hint {
-  flex: 1;
+// 未登录输入区占位
+.login-input-placeholder {
   display: flex;
-  flex-direction: column;
   align-items: center;
-  justify-content: center;
-  gap: 16px;
-  padding: 0 40px;
+  justify-content: space-between;
+  padding: 14px 18px;
+  background: var(--glass-bg);
+  border: 1px dashed var(--glass-border);
+  border-radius: 14px;
+  margin-bottom: 30px;
+  cursor: pointer;
 }
 
-.hint-text {
+.login-input-text {
   font-size: 14px;
   color: var(--text-tertiary);
 }
 
-.login-btn {
-  background: linear-gradient(135deg, #07c160, #06ad56);
+.login-input-btn {
+  padding: 6px 16px;
+  background: var(--color-brand);
+  border-radius: 8px;
+}
+
+.login-input-btn text {
+  font-size: 13px;
   color: white;
-  border: none;
-  border-radius: 10px;
-  padding: 10px 24px;
-  font-size: 14px;
   font-weight: 600;
 }
 
diff --git a/client/src/pages/detail/detail.vue b/client/src/pages/detail/detail.vue
index f3fdcdd..8f01955 100644
--- a/client/src/pages/detail/detail.vue
+++ b/client/src/pages/detail/detail.vue
@@ -1,5 +1,7 @@
 <template>
-  <view class="detail-page">
+  <view class="detail-page page-layout">
+    <!-- 状态栏占位 -->
+    <view class="status-bar-placeholder"></view>
     <!-- 顶部导航 -->
     <view class="nav-bar">
       <view class="nav-back" @click="goBack">‹</view>
diff --git a/client/src/pages/dimension/dimension.vue b/client/src/pages/dimension/dimension.vue
index 5e7cc50..ca7c142 100644
--- a/client/src/pages/dimension/dimension.vue
+++ b/client/src/pages/dimension/dimension.vue
@@ -1,5 +1,5 @@
 <template>
-  <view class="page-dim">
+  <view class="page-dim page-layout">
     <view class="status-bar-placeholder"></view>
 
     <view class="back-btn" @tap="goBack">
diff --git a/client/src/pages/favorites/favorites.vue b/client/src/pages/favorites/favorites.vue
index b0e80ad..d250f21 100644
--- a/client/src/pages/favorites/favorites.vue
+++ b/client/src/pages/favorites/favorites.vue
@@ -1,5 +1,5 @@
 <template>
-  <view class="page-favorites">
+  <view class="page-favorites page-layout">
     <view class="status-bar-placeholder"></view>
 
     <!-- 顶部导航 -->
diff --git a/client/src/pages/feedback/feedback.vue b/client/src/pages/feedback/feedback.vue
index 351204e..ddf65c9 100644
--- a/client/src/pages/feedback/feedback.vue
+++ b/client/src/pages/feedback/feedback.vue
@@ -1,5 +1,7 @@
 <template>
-  <view class="feedback-page">
+  <view class="feedback-page page-layout">
+    <!-- 状态栏占位 -->
+    <view class="status-bar-placeholder"></view>
     <!-- 顶部导航 -->
     <view class="nav-bar">
       <view class="nav-back" @click="goBack">‹</view>
diff --git a/client/src/pages/index/index.vue b/client/src/pages/index/index.vue
index 5c2ad65..ee83420 100644
--- a/client/src/pages/index/index.vue
+++ b/client/src/pages/index/index.vue
@@ -1,5 +1,5 @@
 <template>
-  <view class="page-home">
+  <view class="page-home page-layout">
     <!-- 状态栏占位 -->
     <view class="status-bar-placeholder"></view>
 
diff --git a/client/src/pages/leaderboard/leaderboard.vue b/client/src/pages/leaderboard/leaderboard.vue
index 8825483..854ef7f 100644
--- a/client/src/pages/leaderboard/leaderboard.vue
+++ b/client/src/pages/leaderboard/leaderboard.vue
@@ -1,5 +1,5 @@
 <template>
-  <view class="page-leaderboard">
+  <view class="page-leaderboard page-layout">
     <view class="status-bar-placeholder"></view>
 
     <!-- 顶部导航 -->
diff --git a/client/src/pages/login/login.vue b/client/src/pages/login/login.vue
index 297d9ec..38a8b02 100644
--- a/client/src/pages/login/login.vue
+++ b/client/src/pages/login/login.vue
@@ -1,5 +1,5 @@
 <template>
-  <view class="login-page">
+  <view class="login-page page-layout">
     <!-- 背景装饰 -->
     <view class="bg-orb orb-1"></view>
     <view class="bg-orb orb-2"></view>
diff --git a/client/src/pages/news/news.vue b/client/src/pages/news/news.vue
index 1a5194f..36e3373 100644
--- a/client/src/pages/news/news.vue
+++ b/client/src/pages/news/news.vue
@@ -1,5 +1,5 @@
 <template>
-  <view class="page-news-detail">
+  <view class="page-news-detail page-layout">
     <view class="status-bar-placeholder"></view>
     <!-- 导航 -->
     <view class="nav-bar">
diff --git a/client/src/pages/payment/payment.vue b/client/src/pages/payment/payment.vue
index 8caed5f..ecab082 100644
--- a/client/src/pages/payment/payment.vue
+++ b/client/src/pages/payment/payment.vue
@@ -1,5 +1,5 @@
 <template>
-  <view class="page-payment">
+  <view class="page-payment page-layout">
     <view class="status-bar-placeholder"></view>
 
     <!-- 导航 -->
diff --git a/client/src/pages/profile/profile.vue b/client/src/pages/profile/profile.vue
index cab73ab..b9fc531 100644
--- a/client/src/pages/profile/profile.vue
+++ b/client/src/pages/profile/profile.vue
@@ -1,5 +1,5 @@
 <template>
-  <view class="page-profile">
+  <view class="page-profile page-layout">
     <view class="status-bar-placeholder"></view>
 
     <!-- 用户信息 -->
diff --git a/client/src/pages/progress/progress.vue b/client/src/pages/progress/progress.vue
index 46247ce..07232de 100644
--- a/client/src/pages/progress/progress.vue
+++ b/client/src/pages/progress/progress.vue
@@ -1,5 +1,7 @@
 <template>
-  <view class="progress-page">
+  <view class="progress-page page-layout">
+    <!-- 状态栏占位 -->
+    <view class="status-bar-placeholder"></view>
     <!-- 顶部导航 -->
     <view class="nav-bar">
       <view class="nav-back" @click="goBack">‹</view>
diff --git a/client/src/pages/search/search.vue b/client/src/pages/search/search.vue
index 1aab751..02b933b 100644
--- a/client/src/pages/search/search.vue
+++ b/client/src/pages/search/search.vue
@@ -1,5 +1,7 @@
 <template>
-  <view class="search-page">
+  <view class="search-page page-layout">
+    <!-- 状态栏占位 -->
+    <view class="status-bar-placeholder"></view>
     <!-- 顶部导航 -->
     <view class="nav-bar">
       <view class="nav-back" @click="goBack">‹</view>
diff --git a/client/src/pages/settings/settings.vue b/client/src/pages/settings/settings.vue
index c1c2f59..0979a0d 100644
--- a/client/src/pages/settings/settings.vue
+++ b/client/src/pages/settings/settings.vue
@@ -1,5 +1,5 @@
 <template>
-  <view class="page-settings">
+  <view class="page-settings page-layout">
     <view class="status-bar-placeholder"></view>
     <text class="page-title">设置</text>
 
diff --git a/client/src/pages/trend/trend.vue b/client/src/pages/trend/trend.vue
index eda4566..694d6b4 100644
--- a/client/src/pages/trend/trend.vue
+++ b/client/src/pages/trend/trend.vue
@@ -1,5 +1,5 @@
 <template>
-  <view class="page-trend">
+  <view class="page-trend page-layout">
     <view class="status-bar-placeholder"></view>
 
     <!-- 顶部 -->