diff --git a/src/views/agent/chat/components/HistoryChat.vue b/src/views/agent/chat/components/HistoryChat.vue index f3f43b8..a50095f 100644 --- a/src/views/agent/chat/components/HistoryChat.vue +++ b/src/views/agent/chat/components/HistoryChat.vue @@ -29,17 +29,17 @@
-
-
-
历史对话
-
+ + + + - + -
+ diff --git a/src/views/agent/chat/components/history.scss b/src/views/agent/chat/components/history.scss index d2b4103..9c9ed88 100644 --- a/src/views/agent/chat/components/history.scss +++ b/src/views/agent/chat/components/history.scss @@ -12,7 +12,7 @@ .header-section { align-self: stretch; - height: 160px; + height: 300px; display: flex; flex-direction: column; justify-content: center; @@ -20,20 +20,16 @@ gap: 10px; .image-container { - align-self: stretch; - flex: 1 1 0; - position: relative; - background: #FFEDED; + height: 400px; overflow: hidden; border-radius: 8px; + } - img { - width: 408.14px; - height: 219px; - left: -24.07px; - top: -29px; - position: absolute; - } + .image-container img { + width: 100%; + height: auto; + aspect-ratio: 1 / 1; + object-fit: cover; } } @@ -57,6 +53,7 @@ font-family: 'Alibaba PuHuiTi', sans-serif; font-weight: 400; line-height: 26px; + padding: 10px; } .tag { @@ -140,6 +137,7 @@ font-family: 'Alibaba PuHuiTi', sans-serif; font-weight: 400; line-height: 22px; + padding: 10px; } } diff --git a/src/views/agent/chat/index.vue b/src/views/agent/chat/index.vue index 542333c..5781bd2 100644 --- a/src/views/agent/chat/index.vue +++ b/src/views/agent/chat/index.vue @@ -104,15 +104,15 @@ const cozeWebSdkConfig = (botId, name, auth) => { title: name, isNeedFunctionCallMessage: true, }, + base: { + icon: '', + zIndex: 1000, + }, footer:{ expressionText:"内容由AI生成,无法确保真实准确,仅供参考。", }, }, auth: auth, - base: { - icon: '', - zIndex: 1000, - }, header: { isShow: true, isNeedClose: false, diff --git a/src/views/agent/index/index.vue b/src/views/agent/index/index.vue index 01f81e0..c55e5f5 100644 --- a/src/views/agent/index/index.vue +++ b/src/views/agent/index/index.vue @@ -18,7 +18,11 @@
- +
{{ product?.name }}
diff --git a/src/views/agent/index/style.scss b/src/views/agent/index/style.scss index 676c7fe..f038bcf 100644 --- a/src/views/agent/index/style.scss +++ b/src/views/agent/index/style.scss @@ -34,23 +34,20 @@ } .card-image-container { - position: relative; - align-self: stretch; - height: 120px; - background: #ffe9e7; /* 可以替换成变量 */ - overflow: hidden; - border-top-left-radius: 8px; - border-top-right-radius: 8px; + width: 99%; // 设置宽度 + height: 200px; // 设置高度,与宽度一致,保持正方形比例 + display: flex; + justify-content: center; + align-items: center; + overflow: hidden; // 防止图片超出容器 } .card-image { width: 100%; height: 100%; - left: 0; - top: -3px; - position: absolute; + border-radius: 7px; + object-fit: cover; // 确保图片按比例缩放并裁剪 } - .card-content { align-self: stretch; display: flex;