Merge branch 'dongqian/feature-20250702094358-小财神适配' into milestone-20250710-上线前优化

src/views/AiEmotion.vue

@@ -1808,7 +1808,7 @@ defineExpose({
 }
 
 .class0402 {
-  width: 80%;
+  /* width: 80vw; */
   margin: 0 auto;
 }
 
@@ -1992,7 +1992,7 @@ defineExpose({
   /* 确保不超出父容器 */
   height: auto;
   /* 高度根据内容动态变化 */
-  min-height: 90rem;
+  /* min-height: 90rem; */
   /* 设置最小高度，确保图片显示 */
   margin: 0 auto;
   box-sizing: border-box;
@@ -2000,7 +2000,6 @@ defineExpose({
   transition: all 0.3s ease;
   /* 添加平滑过渡效果 */
 }
-
 .class04 {
   background-image: url('@/assets/img/AiEmotion/bk00000.png');
   /* 使用导入的背景图片 */
@@ -2014,13 +2013,14 @@ defineExpose({
   /* 确保不超出父容器 */
   height: auto;
   /* 高度根据内容动态变化 */
-  min-height: 75rem;
+  /* min-height: 75rem; */
   /* 设置最小高度，确保图片显示 */
   margin: 0 auto;
   box-sizing: border-box;
   /* 包括内边距在宽度计算中 */
   transition: all 0.3s ease;
   /* 添加平滑过渡效果 */
+  padding-bottom: 1rem;
 }
 
 .class03 {
@@ -2251,14 +2251,6 @@ defineExpose({
     min-height: 60rem;
   }
 
-  .class04 {
-    min-height: 65rem;
-  }
-
-  .class05 {
-    min-height: 75rem;
-  }
-
   .class06 {
     min-height: 58rem;
   }
@@ -2288,14 +2280,6 @@ defineExpose({
     min-height: 55rem;
   }
 
-  .class04 {
-    min-height: 55rem;
-  }
-
-  .class05 {
-    min-height: 65rem;
-  }
-
   .class06 {
     min-height: 50rem;
   }
@@ -2446,7 +2430,8 @@ defineExpose({
   .class04 {
     width: 100%;
     height: auto;
-    min-height: 38rem;
+    margin: 0 auto;
+    /* min-height: 38rem; */
     /* min-height: 51rem; */
     /* margin-left: -39px; */
     /* min-height: 38rem; */
@@ -2461,10 +2446,6 @@ defineExpose({
     min-height: 45rem;
   }
 
-  .class05 {
-    min-height: 48rem;
-  }
-
   .class06 {
     min-height: 35rem;
   }
@@ -2695,7 +2676,7 @@ defineExpose({
     background-repeat: no-repeat;
     width: 100%;
     height: auto;
-    min-height: 48rem;
+    /* min-height: 48rem; */
   }
 
   .class06 {
@@ -2805,11 +2786,11 @@ defineExpose({
     align-items: center;
   }
 
-  .class003{
+  .class003 {
     padding-top: 14%;
     gap: 30px;
   }
-  
+
   .class003 .div01,
   .class003 .div02 {
     /* width: 90%; */
@@ -2842,14 +2823,6 @@ defineExpose({
     min-height: 35rem;
   }
 
-  .class04 {
-    min-height: 30rem;
-  }
-
-  .class05 {
-    min-height: 35rem;
-  }
-
   .class06 {
     min-height: 25rem;
   }

src/views/components/emotionDecod.vue

@@ -451,6 +451,7 @@ onBeforeUnmount(() => {
 .qxjmqbox {
   height: auto;
   width: 100%;
+  margin:0 auto;
 }
 
 #qxjmqEcharts {
@@ -473,8 +474,7 @@ onBeforeUnmount(() => {
 
   .qxjmqbox {
     height: auto;
-    width: 100%;
-    margin: 0;
+    width: 90%;
   }
 
 }

src/views/components/emotionalBottomRadar.vue

@@ -461,7 +461,7 @@ function initEmotionalBottomRadar(KlineData, barAndLineData) {
         start: 0,
         end: 100,
         show: true,
-        bottom: 10,
+        bottom: window.innerWidth > 768 ? 80 : 50,
         height: 20,
         borderColor: '#CFD6E3',
         fillerColor: 'rgba(135, 175, 274, 0.2)',
@@ -701,16 +701,15 @@ onBeforeUnmount(() => {
   height: 1040px;
   box-sizing: border-box;
   overflow: hidden;
-  margin: 0;
+  margin: 0px auto !important;
   padding: 0;
 }
 
 /* 手机端适配样式 */
 @media only screen and (max-width: 768px) {
   #bottomRadarChart {
-    width: 100%;
+    width: 90% !important;
     height: 560px;
-    margin: 0;
     padding: 0;
   }
 }