2 Commits

  1. 8
      src/views/AiEmotion.vue
  2. 18
      src/views/components/emotionDecod.vue

8
src/views/AiEmotion.vue

@ -110,9 +110,9 @@
{{ stock.queryText }} {{ stock.queryText }}
</div> </div>
</div> </div>
<div class="user-sendTime">
<!-- <div class="user-sendTime">
{{ moment(stock.timestamp).format("YYYY-MM-DD HH:mm:ss") }} {{ moment(stock.timestamp).format("YYYY-MM-DD HH:mm:ss") }}
</div>
</div> -->
</div> </div>
</div> </div>
</div> </div>
@ -4038,12 +4038,12 @@ const emit = defineEmits(["updateMessage", "sendMessage", "ensureAIchat", "enabl
transition: all 0.3s ease; transition: all 0.3s ease;
} }
.user-sendTime {
/* .user-sendTime {
width: 100%; width: 100%;
text-align: center; text-align: center;
color: rgba(255, 255, 255, 0.6); color: rgba(255, 255, 255, 0.6);
font-size: 0.8rem; font-size: 0.8rem;
}
} */
.user-message-speaker:hover { .user-message-speaker:hover {
transform: scale(1.1); transform: scale(1.1);

18
src/views/components/emotionDecod.vue

@ -91,15 +91,21 @@ function initQXNLZHEcharts(kline, qxnlzhqData) {
grid: [ grid: [
{ {
top: "5%", 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%", height: "2%",
width: window.innerWidth <= 768 ? "70%" : "80%",
left: window.outerWidth <= 768 ? "20%" : "10%",
}, },
], ],
@ -286,7 +292,7 @@ function initQXNLZHEcharts(kline, qxnlzhqData) {
}, },
start: 50, // start: 50, //
end: 100, end: 100,
bottom: "8%", //
bottom: window.innerWidth <= 768 ? "5%" : "7%", //
}, },
// { // {
// show: true, // show: true,
@ -512,7 +518,7 @@ onBeforeUnmount(() => {
@media only screen and (max-width: 768px) { @media only screen and (max-width: 768px) {
.qxjmqEcharts { .qxjmqEcharts {
width: 100%; width: 100%;
height: 400px;
height: 270px;
margin: 0; margin: 0;
/* top: 5rem; */ /* top: 5rem; */
} }

Loading…
Cancel
Save