修改homepage.vue框架的样式

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规则提示框（从其他页面跳转过来时）
@@ -1699,7 +1699,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 +1712,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">
@@ -1941,10 +1959,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 +2688,25 @@ 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;
   }