From 42430eac007b9d0f1da9819931b301a7c0776f1d Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?=E9=99=88=E6=98=B1=E8=BE=BE?= Date: Tue, 10 Jun 2025 14:25:16 +0800 Subject: [PATCH] =?UTF-8?q?style(AI):=20=E4=BC=98=E5=8C=96=20treasureBox?= =?UTF-8?q?=20=E7=BB=84=E4=BB=B6=E4=B8=AD=E7=9A=84=E8=A1=A8=E6=A0=BC?= =?UTF-8?q?=E6=A0=B7=E5=BC=8F?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit -调整表格边框颜色和样式 - 优化表格单元格样式,包括背景色、文字颜色等 - 添加表格行交替背景色 - 移除多余的 inline 样式,使用 CSS 类名管理样式 --- src/views/AI/components/treasureBox.vue | 42 ++++++++++++++++++++++--- src/views/AI/index.vue | 6 ++-- 2 files changed, 41 insertions(+), 7 deletions(-) diff --git a/src/views/AI/components/treasureBox.vue b/src/views/AI/components/treasureBox.vue index 1e06575..437ff91 100644 --- a/src/views/AI/components/treasureBox.vue +++ b/src/views/AI/components/treasureBox.vue @@ -17,10 +17,10 @@ - - - -
{{item.title}} + + + +
{{item.title}} {{ it.title}} @@ -174,4 +174,38 @@ $primary-trans-color: #87a2d0; align-items: center; } + +.my-table{ + tr{ + padding: 6px 8px; + + } + tr:nth-child(2n){ + background: #e9f3ff; + + } + tr:last-child{ + th{ + border-bottom: none; + } + } + th:nth-child(1){ + padding: 6px 8px; + width:80px; + background: #2976e8 ; + color:#fff; + text-align: center; + //border-right:1px solid #b6ccd9; + border-bottom:1px solid #b6ccd9; + } + th:nth-child(2){ + padding: 6px 8px; + color:#253243; + font-weight: unset; + gap:5px; + border-bottom:1px solid #b6ccd9 + + } + +} diff --git a/src/views/AI/index.vue b/src/views/AI/index.vue index 43f53a8..b86a266 100644 --- a/src/views/AI/index.vue +++ b/src/views/AI/index.vue @@ -317,7 +317,7 @@ export default { const cleanLine = line.replace(/^data:\s*/, '') if (!cleanLine) return null const data = JSON.parse(cleanLine) - // console.log(data) + console.log(data) if (data.answer) { this.answerMap += data.answer } @@ -343,8 +343,8 @@ export default { this.messageStatus = 'stop' } - // console.log(answer) - // console.log(this.currentMessage) + console.log(answer) + console.log(this.currentMessage) if (!this.currentMessage || !answer) return const mode = this.isThink ? 'think' : 'text' this.currentMessage[mode] += answer