From 7afbc1dbd8986392926771f7a438377f0f26fa55 Mon Sep 17 00:00:00 2001
From: no99 <17663930442@163.com>
Date: Wed, 25 Jun 2025 16:57:27 +0800
Subject: [PATCH] =?UTF-8?q?=E5=85=A5=E5=8F=A3=E9=A1=B5=E9=9D=A2=E6=A0=B7?=
 =?UTF-8?q?=E5=BC=8F=E8=B0=83=E6=95=B4?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 index.html                |  6 ++--
 src/views/Selectmodel.vue | 82 +++++++++++++++++++++++------------------------
 2 files changed, 43 insertions(+), 45 deletions(-)
diff --git a/index.html b/index.html
index 6fd3c4c..5d3e20b 100644
--- a/index.html
+++ b/index.html
@@ -1,5 +1,5 @@
 <!doctype html>
-<html lang="cn">
+<html lang="cn" style="min-height: 100vh !important;">
 
 <head>
   <meta charset="UTF-8" />
@@ -11,8 +11,8 @@
   <title>AI小财神</title>
 </head>
 
-<body style="margin: 0px; padding: 0px;">
-  <div id="app"></div>
+<body style="margin: 0px; padding: 0px; min-height: 100vh !important;">
+  <div id="app" style="min-height: 100vh !important;"></div>
   <script type="module" src="/src/main.js"></script>
 </body>
 
diff --git a/src/views/Selectmodel.vue b/src/views/Selectmodel.vue
index 38c7699..ea50860 100644
--- a/src/views/Selectmodel.vue
+++ b/src/views/Selectmodel.vue
@@ -1,8 +1,8 @@
 <template>
   <div class="homepage">
     <!-- 顶部主图背景 -->
-    <div class="main-icon"></div>
-
+    <!-- <div class="main-icon"></div> -->
+    <img class="main-icon" :src="robot" alt="AI小财神" />
     <!-- 按钮区域 -->
     <div class="buttons-container">
       <!-- 夺宝奇兵模块 -->
@@ -29,13 +29,16 @@
 </template>
 
 <script setup>
-import { onMounted, ref } from 'vue'
-import { useRouter } from 'vue-router'
-import { setHeight } from '@/utils/setHeight'
+import { onMounted, ref } from "vue";
+import { useRouter } from "vue-router";
+import { setHeight } from "@/utils/setHeight";
 import { useDataStore } from "@/store/dataList.js";
 const { getQueryVariable, setActiveTabIndex } = useDataStore();
-const router = useRouter()
-const pageRef = ref(null)
+
+import robot from "@/assets/img/Selectmodel/-s-机器人.png";
+
+const router = useRouter();
+const pageRef = ref(null);
 
 onMounted(() => {
   // setHeight(pageRef.value)
@@ -48,26 +51,27 @@ onMounted(() => {
       "localToken",
       decodeURIComponent(String(getQueryVariable("token")))
     );
-})
+});
 
 const goToDBQBmodel = () => {
-  router.push("/DBQBmodel")
-}
+  router.push("/DBQBmodel");
+};
 const goToEmotionsmodel = () => {
-  router.push('/Emotionsmodel')
-}
+  router.push("/Emotionsmodel");
+};
 </script>
 
 <style scoped>
 .homepage {
+  /* height: 100vh; */
   /* width: 100vw; */
   /* min-height: 100vh; */
-  background-color: #000cfc;
-  background-image: url('@/assets/img/Selectmodel/-s-bg.png');
-  background-size: cover;
+  /* background-color: #000cfc; */
+  background-image: url("@/assets/img/Selectmodel/-s-bg.png");
+  background-size: 100%;
   background-position: center;
   background-repeat: no-repeat;
-  overflow-x: hidden;
+  /* overflow-x: hidden; */
   display: flex;
   flex-direction: column;
   align-items: center;
@@ -76,14 +80,11 @@ const goToEmotionsmodel = () => {
 }
 
 .main-icon {
-  width: 90vw;
-  max-width: 280px;
-  height: 280px;
-  background-image: url('@/assets/img/Selectmodel/-s-机器人.png');
-  background-size: contain;
-  background-repeat: no-repeat;
-  background-position: center;
-  margin-top: 10vh;
+  max-width: 350px;
+  width: 28vw;
+  /* max-width: 280px; */
+  height: auto;
+  margin-top: calc(600px - 30vw);
 }
 
 /* ===== 默认（PC端）按钮区域 ===== */
@@ -116,20 +117,20 @@ const goToEmotionsmodel = () => {
 .btn-dbqb {
   height: 150px;
   width: 100%;
-  background-image: url('@/assets/img/Selectmodel/-s-夺宝奇兵logo.png');
+  background-image: url("@/assets/img/Selectmodel/-s-夺宝奇兵logo.png");
 }
 
 .btn-ai {
   height: 150px;
   width: 100%;
-  background-image: url('@/assets/img/Selectmodel/金轮 拷贝.png');
+  background-image: url("@/assets/img/Selectmodel/金轮 拷贝.png");
 }
 
 .btn-ball {
   height: 150px;
   width: 150%;
   margin-top: -30px;
-  background-image: url('@/assets/img/Selectmodel/球.png');
+  background-image: url("@/assets/img/Selectmodel/球.png");
   background-size: contain;
   background-repeat: no-repeat;
   background-position: center;
@@ -149,11 +150,11 @@ const goToEmotionsmodel = () => {
 }
 
 .btn-text-dbqb {
-  background-image: url('@/assets/img/Selectmodel/-s-夺宝奇兵大模型.png');
+  background-image: url("@/assets/img/Selectmodel/-s-夺宝奇兵大模型.png");
 }
 
 .btn-text-ai {
-  background-image: url('@/assets/img/Selectmodel/-s-AI情绪大模型.png');
+  background-image: url("@/assets/img/Selectmodel/-s-AI情绪大模型.png");
 }
 
 /* ===== 底部口号区域 ===== */
@@ -169,7 +170,7 @@ const goToEmotionsmodel = () => {
   width: 100vh;
   max-width: 100vh;
   height: 9vh;
-  background-image: url('@/assets/img/Selectmodel/智能体.png');
+  background-image: url("@/assets/img/Selectmodel/智能体.png");
   background-size: 100% 100%;
   background-size: contain;
   background-repeat: no-repeat;
@@ -181,7 +182,7 @@ const goToEmotionsmodel = () => {
   max-width: 360px;
   height: 30px;
   margin-bottom: 60px;
-  background-image: url('@/assets/img/Selectmodel/-s-弘历团队.png');
+  background-image: url("@/assets/img/Selectmodel/-s-弘历团队.png");
   background-size: contain;
   background-repeat: no-repeat;
   background-position: center;
@@ -190,16 +191,17 @@ const goToEmotionsmodel = () => {
 /* 手机适配 */
 @media screen and (max-width: 600px) {
   .homepage {
-    height: auto;
+    /* height: auto; */
     /* 解决底部留白 */
-    width: 100%;
+    /* width: 100%; */
+    min-height: 100%;
+    background-size: 100% 100%;
     overflow-x: hidden;
   }
 
   .main-icon {
     margin-top: 350px;
-    width: 9rem;
-    height: 10rem;
+    /* width: 9rem; */
   }
 
   .buttons-container {
@@ -251,19 +253,16 @@ const goToEmotionsmodel = () => {
     height: 24px;
     margin-top: 10px;
   }
-
 }
 
 /* 平板适配 */
 @media screen and (min-width: 601px) and (max-width: 1024px) {
-  .homepage {
+  /* .homepage {
     height: 120vh;
-  }
+  } */
 
   .main-icon {
-    margin-top: 50%;
-    width: 50vw;
-    height: 50vw;
+    margin-top: calc(650px - 30vw);
   }
 
   .btn-item {
@@ -279,7 +278,6 @@ const goToEmotionsmodel = () => {
   }
 
   .btn-text {
-
     height: 90px;
     width: 100%;
     top: 70%;
