diff --git a/src/views/AIchat.vue b/src/views/AIchat.vue index 8bea374..21d4aa8 100644 --- a/src/views/AIchat.vue +++ b/src/views/AIchat.vue @@ -1150,7 +1150,7 @@ watch( // } // }, 50); // 调整速度为50ms/字符 - addTypingTask(aiMessage5, [ac51, ac52, ac53, ac54], 50); + addTypingTask(aiMessage5, [ac51,ac52,ac53,ac54], 50); // chatStore.messages.push({ // sender: "ai", @@ -2261,52 +2261,22 @@ function KlineCanvsEcharts(containerId) { }, grid: [ { - left: - window.innerWidth > 1024 - ? "70vw" - : window.innerWidth > 768 - ? "65vw" - : "55vw", - right: - window.innerWidth > 1024 - ? "40vw" - : window.innerWidth > 768 - ? "30vw" - : "40vw", + left: window.innerWidth > 1024 ? '70vw' : window.innerWidth>768? '65vw' : '55vw', + right: window.innerWidth > 1024 ? '40vw' : window.innerWidth>768? '30vw' : '40vw', top: window.innerWidth > 768 ? "8%" : "5%", height: window.innerWidth > 768 ? "34%" : "34%", containLabel: false, }, { - left: - window.innerWidth > 1024 - ? "70vw" - : window.innerWidth > 768 - ? "65vw" - : "55vw", - right: - window.innerWidth > 1024 - ? "40vw" - : window.innerWidth > 768 - ? "30vw" - : "40vw", + left: window.innerWidth > 1024 ? '70vw' : window.innerWidth>768? '65vw' : '55vw', + right: window.innerWidth > 1024 ? '40vw' : window.innerWidth>768? '30vw' : '40vw', top: window.innerWidth > 768 ? "45%" : "42%", height: window.innerWidth > 768 ? "22%" : "22%", containLabel: false, }, { - left: - window.innerWidth > 1024 - ? "70vw" - : window.innerWidth > 768 - ? "65vw" - : "55vw", - right: - window.innerWidth > 1024 - ? "40vw" - : window.innerWidth > 768 - ? "30vw" - : "40vw", + left: window.innerWidth > 1024 ? '70vw' : window.innerWidth>768? '65vw' : '55vw', + right: window.innerWidth > 1024 ? '40vw' : window.innerWidth>768? '30vw' : '40vw', top: window.innerWidth > 768 ? "73%" : "70%", height: window.innerWidth > 768 ? "20%" : "22%", containLabel: false, @@ -2788,12 +2758,12 @@ function KlineCanvsEcharts(containerId) { symbol: "rect", symbolSize: (value, params) => { const width = window.innerWidth; - const baseHeight = 36; - if (width <= 375) { - return [2, 16]; - } else if (width <= 768) { - return [2, 24]; - } + const baseHeight = 22; + // if (width <= 375) { + // return [2, 16]; + // } else if (width <= 768) { + // return [2, 22]; + // } return [2, baseHeight]; }, itemStyle: { @@ -2809,7 +2779,7 @@ function KlineCanvsEcharts(containerId) { if (item[1] === 0) { return { coord: [item[0], 20], - symbolOffset: window.innerWidth > 768 ? [0, 20] : [0, 12], + symbolOffset: [0, 10], itemStyle: { color: "#00ff00", }, @@ -2841,12 +2811,12 @@ function KlineCanvsEcharts(containerId) { symbol: "rect", symbolSize: (value, params) => { const width = window.innerWidth; - const baseHeight = 36; - if (width <= 375) { - return [2, 16]; - } else if (width <= 768) { - return [2, 24]; - } + const baseHeight = 22; + // if (width <= 375) { + // return [2, 16]; + // } else if (width <= 768) { + // return [2, 24]; + // } return [2, baseHeight]; }, itemStyle: { @@ -2863,7 +2833,7 @@ function KlineCanvsEcharts(containerId) { return { coord: [item[0], 80], symbolOffset: - window.innerWidth > 768 ? [0, -20] : [0, -12], + [0, -10], itemStyle: { color: "#ff0000", },