样式改动

src/views/AiEmotion.vue

@@ -520,8 +520,9 @@ onMounted(() => {
 }
 
 .class0502 {
-    padding-top: 10rem;
+    padding-top: 5rem;
     text-align: center;
+    padding-bottom: 6rem;
 }
 
 .class0701 {
@@ -550,7 +551,7 @@ onMounted(() => {
 }
 
 .class0401 {
-    padding-top: 10rem;
+    padding-top: 5rem;
     text-align: center;
 }
 

src/views/components/emotionDecod.vue

@@ -344,11 +344,13 @@ onBeforeUnmount(() => {
 });
 </script>
 <style scoped>
-/* .qxjmqbox {
-  background-color: black;
-} */
+.qxjmqbox {
+  height:100%;
+}
 #qxjmqEcharts {
-  width: 90%;
+  width: 100%;
   height: 500px;
+  margin-left:1rem;
+  top:5rem;
 }
 </style>

src/views/components/emotionalBottomRadar.vue

@@ -556,5 +556,6 @@ onBeforeUnmount(() => {
 #bottomRadarChart{
   width: 100%; 
   height: 1040px;
+  /* padding-bottom: 3rem; */
 }
 </style>

src/views/components/marketTemperature.vue

@@ -271,12 +271,19 @@ defineExpose({ initChart })
   margin: 0 auto;
   padding: 20px;
   max-width: 80vw;
+  padding-bottom:7rem;
 }
 
-.border3,
+.border3 {
+  margin-top: 40px;
+  border-radius: 8px;
+  padding: 20px;
+}
 .border4 {
   margin-top: 40px;
   border-radius: 8px;
   padding: 20px;
+  width:80%;
+  margin-left:8rem;
 }
 </style>