样式微调

src/views/AiEmotion.vue

@@ -4696,7 +4696,7 @@ const emit = defineEmits(["updateMessage", "sendMessage", "ensureAIchat", "enabl
   }
 
   /* 图片样式 */
-  .golden-wheel img {
+  .golden-wheel-img {
     width: 50%;
   }
 

src/views/Selectmodel.vue

@@ -150,6 +150,7 @@ const goToEmotionsmodel = () => {
   flex-wrap: nowrap;
   position: absolute;
   top: 40vh;
+  z-index: 5;
 }
 
 .btn-item {
@@ -319,7 +320,7 @@ const goToEmotionsmodel = () => {
   .footer-text1 {
     background-image: url("@/assets/img/Selectmodel/智能体.png");
     width: 100vw;
-    height: 60px;
+    height: 10vw;
     margin-top: 10px;
     background-size: 100% 100%;
     /* 保证全宽显示 */
@@ -327,9 +328,13 @@ const goToEmotionsmodel = () => {
 
   .footer-text2 {
     width: 70vw;
-    height: 24px;
     margin-top: 10px;
   }
+
+  .footer-wrapper{
+    gap: 0;
+  }
+
 }
 
 /* 平板适配 */

src/views/homePage.vue

@@ -333,8 +333,8 @@ const isAnnouncementVisible = ref(false);
 // Token规则提示框相关
 const tokenRuleDialogVisible = ref(false);
 const hasShownTokenRule = ref({
-  AIchat: sessionStorage.getItem('hasShownTokenRule_AIchat') === 'true',
-  AiEmotion: sessionStorage.getItem('hasShownTokenRule_AiEmotion') === 'true'
+  AIchat: sessionStorage.getItem("hasShownTokenRule_AIchat") === "true",
+  AiEmotion: sessionStorage.getItem("hasShownTokenRule_AiEmotion") === "true",
 });
 
 // 关闭Token规则提示框
@@ -344,15 +344,19 @@ const closeTokenRuleDialog = () => {
 
 // 检查是否需要显示Token规则提示框（从其他页面跳转过来时）
 const checkTokenRuleOnPageLoad = () => {
-  const activeTab = sessionStorage.getItem('activeTabAI');
-  const fromExternalPage = sessionStorage.getItem('fromExternalPage');
+  const activeTab = sessionStorage.getItem("activeTabAI");
+  const fromExternalPage = sessionStorage.getItem("fromExternalPage");
 
-  if (fromExternalPage === 'true' && activeTab && !hasShownTokenRule.value[activeTab]) {
+  if (
+    fromExternalPage === "true" &&
+    activeTab &&
+    !hasShownTokenRule.value[activeTab]
+  ) {
     tokenRuleDialogVisible.value = true;
     hasShownTokenRule.value[activeTab] = true;
-    sessionStorage.setItem(`hasShownTokenRule_${activeTab}`, 'true');
+    sessionStorage.setItem(`hasShownTokenRule_${activeTab}`, "true");
     // 清除标记，避免重复显示
-    sessionStorage.removeItem('fromExternalPage');
+    sessionStorage.removeItem("fromExternalPage");
   }
 };
 
@@ -963,11 +967,11 @@ const backToHome = () => {
     } else {
       window.parent.postMessage(
         {
-						type: 'NAVIGATE_TO_HOMEPAGE',
-						menu: '999999991'
+          type: "NAVIGATE_TO_HOMEPAGE",
+          menu: "999999991",
         },
-					'*'
-				)
+        "*"
+      );
     }
     // window.parent.location.href = window.parent.document.referrer
   }
@@ -1188,8 +1192,6 @@ onMounted(async () => {
     sessionStorage.removeItem("activeLevel");
     sessionStorage.setItem("rechargeFlag", "0");
   }
-
-
 });
 
 onUnmounted(() => {
@@ -1240,8 +1242,8 @@ onUnmounted(() => {
       v-if="!dataStore.isFeedback"
       class="main-container"
       :class="{
-        collapsed: historyRecordRef?.isCollapsed && !isMobile,
-        unCollapsed: !historyRecordRef?.isCollapsed && !isMobile,
+        collapsed: !isMobile && historyRecordRef?.isCollapsed,
+        unCollapsed: !isMobile && !historyRecordRef?.isCollapsed,
       }"
     >
       <!-- AI小财神头部： logo  次数  公告 -->
@@ -1679,16 +1681,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">• 搜索同一只股票，产出内容相同时，只扣除1次Token</div>
-          <div class="tokenRuleItem">• "夺宝奇兵"和"AI小财神"中Token是互通的</div>
+          <div class="tokenRuleItem">
+            •
+            在"夺宝奇兵大模型"、"AI情绪大模型"中搜索股票，若搜索成功，内容正常生成，则会消耗1Token
+          </div>
+          <div class="tokenRuleItem">
+            •
+            在"夺宝奇兵大模型"、"AI情绪大模型"中搜索股票，若搜索有误，无法生成内容，则不会消耗Token
+          </div>
+          <div class="tokenRuleItem">
+            • 搜索同一只股票，产出内容相同时，只扣除1次Token
+          </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">
@@ -1815,22 +1831,6 @@ body {
   /* -webkit-overflow-scrolling: touch; */
 }
 
-.main-container {
-  flex: 1;
-  transition: margin-left 0.3s ease;
-  display: flex;
-  flex-direction: column;
-  overflow: hidden;
-}
-
-.main-container.unCollapsed {
-  margin-left: 300px; /* 为历史记录组件留出空间 */
-}
-/* 当历史记录组件折叠时调整主容器边距 */
-.main-container.collapsed {
-  margin-left: 3%;
-}
-
 .zhezhao {
   width: 100%;
   height: 100%;
@@ -1839,20 +1839,27 @@ body {
   position: fixed;
 }
 
-/* 移动端适配 */
-@media (max-width: 768px) {
-  .homepage {
-    background-image: url("https://d31zlh4on95l9h.cloudfront.net/images/90d31d7052e729c63acb9e2cb94d1307.png");
-  }
+@media (min-width: 769px) {
   .main-container {
-    /* margin-left: 280px; */
+    flex: 1;
+    transition: margin-left 0.3s ease;
+    display: flex;
+    flex-direction: column;
+    overflow: hidden;
   }
   .main-container.unCollapsed {
-    margin-left: 280px;
+    margin-left: 300px; /* 为历史记录组件留出空间 */
   }
-
+  /* 当历史记录组件折叠时调整主容器边距 */
   .main-container.collapsed {
-    margin-left: 40px;
+    margin-left: 3%;
+  }
+}
+
+/* 移动端适配 */
+@media (max-width: 768px) {
+  .homepage {
+    background-image: url("https://d31zlh4on95l9h.cloudfront.net/images/90d31d7052e729c63acb9e2cb94d1307.png");
   }
 }
 
@@ -1926,6 +1933,7 @@ body {
 }
 
 .count-badge {
+  
   position: relative;
   cursor: pointer;
 }
@@ -2639,6 +2647,12 @@ body {
 }
 
 @media (max-width: 768px) {
+
+  .logo1{
+    max-width: 110px;
+    width: 25vw;
+  }
+
   .action-btn {
     height: 21px;
   }
@@ -2765,8 +2779,6 @@ body {
   .changeSuccessDialogContent {
     font-size: 1rem;
   }
-
-
 }
 </style>