From 88c0b42bd43a80ac805fe5df1c1ff7ddda9fec28 Mon Sep 17 00:00:00 2001 From: dongqian <3475123872@qq.com> Date: Fri, 4 Jul 2025 16:53:22 +0800 Subject: [PATCH 1/3] =?UTF-8?q?=E6=83=85=E7=BB=AA=E8=A7=A3=E7=A0=81?= =?UTF-8?q?=E9=80=82=E9=85=8D?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- src/views/AiEmotion.vue | 17 ++++------------- 1 file changed, 4 insertions(+), 13 deletions(-) diff --git a/src/views/AiEmotion.vue b/src/views/AiEmotion.vue index df0ae07..9f3e387 100644 --- a/src/views/AiEmotion.vue +++ b/src/views/AiEmotion.vue @@ -1730,7 +1730,7 @@ defineExpose({ } .class0402 { - width: 80%; + /* width: 80vw; */ margin: 0 auto; } @@ -1936,13 +1936,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 { @@ -2172,10 +2173,6 @@ defineExpose({ min-height: 60rem; } - .class04 { - min-height: 65rem; - } - .class05 { min-height: 75rem; } @@ -2209,9 +2206,6 @@ defineExpose({ min-height: 55rem; } - .class04 { - min-height: 55rem; - } .class05 { min-height: 65rem; @@ -2367,7 +2361,7 @@ defineExpose({ .class04 { width: 100%; height: auto; - min-height: 38rem; + /* min-height: 38rem; */ /* min-height: 51rem; */ /* margin-left: -39px; */ /* min-height: 38rem; */ @@ -2763,9 +2757,6 @@ defineExpose({ min-height: 35rem; } - .class04 { - min-height: 30rem; - } .class05 { min-height: 35rem; From 04f26d29d991cda838e9977de6ae3aacf016d18c Mon Sep 17 00:00:00 2001 From: dongqian <3475123872@qq.com> Date: Fri, 4 Jul 2025 17:09:28 +0800 Subject: [PATCH 2/3] =?UTF-8?q?=E6=83=85=E7=BB=AA=E8=A7=A3=E7=A0=81?= =?UTF-8?q?=E9=80=82=E9=85=8Dreally?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- src/views/AiEmotion.vue | 1 + src/views/components/emotionDecod.vue | 4 ++-- 2 files changed, 3 insertions(+), 2 deletions(-) diff --git a/src/views/AiEmotion.vue b/src/views/AiEmotion.vue index 9f3e387..a1c3e87 100644 --- a/src/views/AiEmotion.vue +++ b/src/views/AiEmotion.vue @@ -2361,6 +2361,7 @@ defineExpose({ .class04 { width: 100%; height: auto; + margin: 0 auto; /* min-height: 38rem; */ /* min-height: 51rem; */ /* margin-left: -39px; */ diff --git a/src/views/components/emotionDecod.vue b/src/views/components/emotionDecod.vue index a7abc74..caf49c1 100644 --- a/src/views/components/emotionDecod.vue +++ b/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%; } } From 89fe044e9c6382e72a12dc70a7788b634df0622c Mon Sep 17 00:00:00 2001 From: dongqian <3475123872@qq.com> Date: Fri, 4 Jul 2025 17:40:17 +0800 Subject: [PATCH 3/3] =?UTF-8?q?=E6=83=85=E7=BB=AA=E6=8E=A8=E6=BC=94?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- src/views/AiEmotion.vue | 27 ++++----------------------- src/views/components/emotionalBottomRadar.vue | 7 +++---- 2 files changed, 7 insertions(+), 27 deletions(-) diff --git a/src/views/AiEmotion.vue b/src/views/AiEmotion.vue index a1c3e87..b3f173c 100644 --- a/src/views/AiEmotion.vue +++ b/src/views/AiEmotion.vue @@ -1914,7 +1914,7 @@ defineExpose({ /* 确保不超出父容器 */ height: auto; /* 高度根据内容动态变化 */ - min-height: 90rem; + /* min-height: 90rem; */ /* 设置最小高度，确保图片显示 */ margin: 0 auto; box-sizing: border-box; @@ -1922,7 +1922,6 @@ defineExpose({ transition: all 0.3s ease; /* 添加平滑过渡效果 */ } - .class04 { background-image: url('@/assets/img/AiEmotion/bk00000.png'); /* 使用导入的背景图片 */ @@ -2173,10 +2172,6 @@ defineExpose({ min-height: 60rem; } - .class05 { - min-height: 75rem; - } - .class06 { min-height: 58rem; } @@ -2206,11 +2201,6 @@ defineExpose({ min-height: 55rem; } - - .class05 { - min-height: 65rem; - } - .class06 { min-height: 50rem; } @@ -2377,10 +2367,6 @@ defineExpose({ min-height: 45rem; } - .class05 { - min-height: 48rem; - } - .class06 { min-height: 35rem; } @@ -2611,7 +2597,7 @@ defineExpose({ background-repeat: no-repeat; width: 100%; height: auto; - min-height: 48rem; + /* min-height: 48rem; */ } .class06 { @@ -2721,11 +2707,11 @@ defineExpose({ align-items: center; } - .class003{ + .class003 { padding-top: 14%; gap: 30px; } - + .class003 .div01, .class003 .div02 { /* width: 90%; */ @@ -2758,11 +2744,6 @@ defineExpose({ min-height: 35rem; } - - .class05 { - min-height: 35rem; - } - .class06 { min-height: 25rem; } diff --git a/src/views/components/emotionalBottomRadar.vue b/src/views/components/emotionalBottomRadar.vue index 2c24654..aadca65 100644 --- a/src/views/components/emotionalBottomRadar.vue +++ b/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; } }