From 5c1f73e4d0899204297445fd535e8c7c0199db0f Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E5=AE=8B=E6=9D=B0?= <bestsongj@163.com>
Date: Tue, 9 Sep 2025 16:43:45 +0800
Subject: [PATCH] =?UTF-8?q?selectmodel=E4=B8=AD=E5=A4=BA=E5=AE=9D=E5=A5=87?=
 =?UTF-8?q?=E5=85=B5=E5=A4=A7=E6=A8=A1=E5=9E=8B=E5=9B=BE=E8=A1=A8=E7=BC=A9?=
 =?UTF-8?q?=E5=B0=8F=EF=BC=9B=E4=BF=AE=E5=A4=8D=E8=8B=B9=E6=9E=9C=E6=89=8B?=
 =?UTF-8?q?=E6=9C=BA=E6=A0=B7=E5=BC=8F=E5=81=8F=E5=8F=B3=E7=9A=84=E9=97=AE?=
 =?UTF-8?q?=E9=A2=98=EF=BC=9B?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/views/DBQBmodel.vue     | 16 +++++++++++++---
 src/views/Emotionsmodel.vue | 14 +++++++++++---
 src/views/Selectmodel.vue   |  1 +
 3 files changed, 25 insertions(+), 6 deletions(-)

diff --git a/src/views/DBQBmodel.vue b/src/views/DBQBmodel.vue
index b61f614..9a4877d 100644
--- a/src/views/DBQBmodel.vue
+++ b/src/views/DBQBmodel.vue
@@ -135,7 +135,7 @@ const closeNoPermissionDialog = () => {
 <style scoped>
 .homepage {
   /* background-image: url("@/assets/img/DBQBmodel/bg.png"); */
-  /* width: 100vw; */
+  width: 100%;
   min-height: 100vh;
   background-size: cover;
   background-position: center;
@@ -143,6 +143,7 @@ const closeNoPermissionDialog = () => {
   display: flex;
   flex-direction: column;
   align-items: center;
+  overflow-x: hidden;
 }
 
 /* 顶部标题图 */
@@ -156,12 +157,14 @@ const closeNoPermissionDialog = () => {
 }
 
 .bottom-icon {
-  /* width: 100%; */
+  width: 100%;
   display: flex;
   flex-direction: column;
   position: absolute;
   bottom: 10vh;
-
+  left: 0;
+  right: 0;
+  margin: 0 auto;
   align-items: center;
 }
 
@@ -224,6 +227,8 @@ const closeNoPermissionDialog = () => {
   align-items: center;
   position: fixed;
   bottom: 15%;
+  left: 0;
+  right: 0;
   /* margin: auto auto; */
   color: white;
 }
@@ -254,6 +259,11 @@ const closeNoPermissionDialog = () => {
 
 /* 手机适配 - 小屏幕时保持纵向排列 */
 @media screen and (max-width: 768px) {
+  .homepage {
+    width: 100%;
+    overflow-x: hidden;
+  }
+  
   .top-icon {
     margin-top: 12%;
     width: 90%;
diff --git a/src/views/Emotionsmodel.vue b/src/views/Emotionsmodel.vue
index 6481735..a09fcbf 100644
--- a/src/views/Emotionsmodel.vue
+++ b/src/views/Emotionsmodel.vue
@@ -147,16 +147,19 @@ const closeNoPermissionDialog = () => {
   width: 20vw;
   min-width: 300px;
   height: auto;
-  position: absolute;
-  top: 10vh;
+  /* position: absolute; */
+  /* top: 10vh; */
 }
 
 .bottom-icon {
   display: flex;
   flex-direction: column;
   align-items: center;
-  position: absolute;
+  /* position: absolute;
   bottom: 0vh;
+  left: 0;
+  right: 0;
+  margin: 0 auto; */
 }
 
 /* 四维体系整体容器修复 */
@@ -216,6 +219,8 @@ const closeNoPermissionDialog = () => {
   align-items: center;
   position: fixed;
   bottom: 15%;
+  left: 0;
+  right: 0;
   /* margin: auto auto; */
   color: white;
 }
@@ -255,6 +260,7 @@ const closeNoPermissionDialog = () => {
 @media (max-width: 768px) {
   .homepage {
     min-height: 100vh;
+    width: 100%;
     background-image: url("@/assets/img/DBQBmodel/手机背景.png");
     background-size: cover;
     background-position: center;
@@ -263,11 +269,13 @@ const closeNoPermissionDialog = () => {
     flex-direction: column;
     justify-content: space-evenly;
     align-items: center;
+    overflow-x: hidden;
   }
 
   .top-icon {
     width: 80vw;
     margin-top: -1vh;
+    scale: 0.8;
   }
 
   .sub-title {
diff --git a/src/views/Selectmodel.vue b/src/views/Selectmodel.vue
index 3ccd54b..d3b90e6 100644
--- a/src/views/Selectmodel.vue
+++ b/src/views/Selectmodel.vue
@@ -186,6 +186,7 @@ const goToEmotionsmodel = () => {
   height: 150px;
   width: 100%;
   background-image: url("@/assets/img/Selectmodel/-s-夺宝奇兵logo.png");
+  scale: 0.8;
 }
 
 .btn-ai {