diff --git a/src/views/components/emotionDecod.vue b/src/views/components/emotionDecod.vue index 5c2008d..b104f0c 100644 --- a/src/views/components/emotionDecod.vue +++ b/src/views/components/emotionDecod.vue @@ -91,15 +91,21 @@ function initQXNLZHEcharts(kline, qxnlzhqData) { grid: [ { top: "5%", - height: window.innerWidth <= 768 ? "30%" : "40%" + height: window.innerWidth <= 768 ? "35%" : "40%", + width: window.innerWidth <= 768 ? "70%" : "80%", + left: window.outerWidth <= 768 ? "20%" : "10%", }, { - top: window.innerWidth <= 768 ? "35%" :"45%", - height: "35%" + top: window.innerWidth <= 768 ? "40%" :"45%", + height: "35%", + width: window.innerWidth <= 768 ? "70%" : "80%", + left: window.outerWidth <= 768 ? "20%" : "10%", }, { - top: window.innerWidth <= 768 ? "70%" : "80%", + top: window.innerWidth <= 768 ? "75%" : "80%", height: "2%", + width: window.innerWidth <= 768 ? "70%" : "80%", + left: window.outerWidth <= 768 ? "20%" : "10%", }, ], @@ -286,7 +292,7 @@ function initQXNLZHEcharts(kline, qxnlzhqData) { }, start: 50, // 默认展示后半部分数据 end: 100, - bottom: "8%", // 下移数据缩放滑块 + bottom: window.innerWidth <= 768 ? "5%" : "7%", // 下移数据缩放滑块 }, // { // show: true, @@ -512,7 +518,7 @@ onBeforeUnmount(() => { @media only screen and (max-width: 768px) { .qxjmqEcharts { width: 100%; - height: 400px; + height: 270px; margin: 0; /* top: 5rem; */ }