移动端弹窗位置修改

src/views/Feedback.vue

@@ -337,7 +337,11 @@ onMounted(() => {
     <img w-full :src="dialogImageUrl" alt="Preview Image" />
   </el-dialog>
 
-  <el-dialog v-model="feedbackBackDialogVisible" class="save-dialog">
+  <el-dialog
+    v-model="feedbackBackDialogVisible"
+    class="save-dialog"
+    align-center
+  >
     <div class="imgLine">
       <img class="dialogImg" :src="save" alt="保存" />
     </div>
@@ -365,6 +369,7 @@ onMounted(() => {
   <el-dialog
     v-model="feedbackContentOverLengthDialogVisible"
     class="save-dialog"
+    align-center
   >
     <div class="feedbackContentOverLengthTitle">温馨提示</div>
     <div class="feedbackContentOverLengthContent">当前输入字数已达上限！</div>
@@ -378,7 +383,7 @@ onMounted(() => {
     </div>
   </el-dialog>
 
-  <el-dialog v-model="submitSuccessDialogVisible" class="save-dialog">
+  <el-dialog v-model="submitSuccessDialogVisible" class="save-dialog" align-center>
     <div class="imgLine">
       <img class="dialogImg" :src="success" alt="成功" />
     </div>

src/views/components/HistoryRecord.vue

@@ -383,6 +383,7 @@
     v-model="deleteDialogVisible"
     title="永久删除记录"
     :width="computedDialogWidth"
+    align-center
   >
     <span>删除后，该记录将不可恢复。确认删除吗？</span>
     <template #footer>

src/views/homePage.vue

@@ -352,12 +352,12 @@ const handleGlobalClick = () => {
 };
 
 onMounted(() => {
-  document.addEventListener('click', handleGlobalClick);
+  document.addEventListener("click", handleGlobalClick);
 });
 
 // 在组件卸载时移除事件监听器
 onUnmounted(() => {
-  document.removeEventListener('click', handleGlobalClick);
+  document.removeEventListener("click", handleGlobalClick);
 });
 
 // 检查是否需要显示Token规则提示框（从其他页面跳转过来时）
@@ -1671,6 +1671,7 @@ onUnmounted(() => {
       v-model="confirmDialogVisible"
       :width="isMobile ? '60%' : '30%'"
       :show-close="false"
+      :align-center="isMobile"
     >
       <div class="confirmDialogTitle">兑换</div>
       <div class="confirmDialogContent">
@@ -1691,6 +1692,7 @@ onUnmounted(() => {
       :width="isMobile ? '60%' : '30%'"
       :show-close="false"
       class="changeSuccessDialog"
+      :align-center="isMobile"
     >
       <div class="changeSuccessDialogTitle">兑换成功</div>
       <div class="changeSuccessDialogContent">
@@ -1699,7 +1701,11 @@ onUnmounted(() => {
     </el-dialog>
 
     <!-- Token规则提示框 -->
-    <div v-if="tokenRuleDialogVisible" class="tokenRuleDialog" @click="closeTokenRuleDialog">
+    <div
+      v-if="tokenRuleDialogVisible"
+      class="tokenRuleDialog"
+      @click="closeTokenRuleDialog"
+    >
       <div class="tokenRuleDialogContent" @click.stop>
         <div class="tokenRuleDialogClose" @click="closeTokenRuleDialog">
           <el-icon><Close /></el-icon>
@@ -1708,16 +1714,30 @@ onUnmounted(() => {
 
         <div class="tokenRuleSection">
           <div class="tokenRuleSectionTitle">Token消耗规则</div>
-          <div class="tokenRuleItem">• 在"夺宝奇兵大模型"、"AI情绪大模型"中搜索股票，若搜索成功，内容正常生成，则会消耗1Token</div>
-          <div class="tokenRuleItem">• 在"夺宝奇兵大模型"、"AI情绪大模型"中搜索股票，若搜索有误，无法生成内容，则不会消耗Token</div>
-          <div class="tokenRuleItem">• 搜索同一只股票，产出内容相同时，只扣除1Token</div>
-          <div class="tokenRuleItem">• "夺宝奇兵"和"AI小财神"中Token是互通的</div>
+          <div class="tokenRuleItem">
+            •
+            在"夺宝奇兵大模型"、"AI情绪大模型"中搜索股票，若搜索成功，内容正常生成，则会消耗1Token
+          </div>
+          <div class="tokenRuleItem">
+            •
+            在"夺宝奇兵大模型"、"AI情绪大模型"中搜索股票，若搜索有误，无法生成内容，则不会消耗Token
+          </div>
+          <div class="tokenRuleItem">
+            • 搜索同一只股票，产出内容相同时，只扣除1Token
+          </div>
+          <div class="tokenRuleItem">
+            • "夺宝奇兵"和"AI小财神"中Token是互通的
+          </div>
         </div>
 
         <div class="tokenRuleSection">
           <div class="tokenRuleSectionTitle">Token兑换规则</div>
-          <div class="tokenRuleItem">• 点击右上角"获取Token"，即可进入Token兑换页进行金币兑换Token</div>
-          <div class="tokenRuleItem">• 金币兑换Token的比例为：1金币=1Token；一经兑换，不予退还</div>
+          <div class="tokenRuleItem">
+            • 点击右上角"获取Token"，即可进入Token兑换页进行金币兑换Token
+          </div>
+          <div class="tokenRuleItem">
+            • 金币兑换Token的比例为：1金币=1Token；一经兑换，不予退还
+          </div>
         </div>
 
         <div class="tokenRuleNote">
@@ -1871,7 +1891,7 @@ body {
   }
   /* 当历史记录组件折叠时调整主容器边距 */
   .main-container.collapsed {
-    margin-left: 3%;
+    margin-left: 40px;
   }
 }
 
@@ -1941,10 +1961,10 @@ body {
 
 .homepage-right-group {
   display: flex;
-  gap: 8px;
+  /* gap: 8px; */
   align-items: center;
   margin-left: auto;
-  margin-right: 20px;
+  margin-right: 5px;
 }
 
 .homepage-right-group .action-btn {
@@ -2670,6 +2690,24 @@ body {
     width: 25vw;
   }
 
+  .homepage-right-group {
+    gap: 10px;
+  }
+
+  .homepage-right-group .action-btn {
+    height: 30px;
+  }
+
+  .count-number {
+    top: 10px;
+    font-size: 12px;
+  }
+
+  .backImg {
+    width: 40px;
+    height: auto;
+  }
+
   .action-btn {
     height: 21px;
   }