chore:AI修改新对话按钮图标,搜索记录按钮向上移动,删除AI回答后的AI名称
This commit is contained in:
@@ -15,7 +15,8 @@
|
||||
<view class="chat-topbar">
|
||||
<text class="chat-title">{{ $lang('ai-chat.index.aiNickname') }}</text>
|
||||
<view class="new-chat-btn" @click="onNewChat">
|
||||
<text class="new-chat-icon">🔄</text>
|
||||
<!-- 气泡+加号线性图标 (base64 SVG: 小程序不支持内联 SVG) -->
|
||||
<view class="new-chat-icon"></view>
|
||||
<text>新对话</text>
|
||||
</view>
|
||||
</view>
|
||||
@@ -160,9 +161,8 @@
|
||||
</view>
|
||||
</view>
|
||||
|
||||
<!-- AI昵称固定,不可修改 - 左移到气泡上方 -->
|
||||
<!-- AI 回答上方只显示时间(昵称"智能助手"已按需求移除) -->
|
||||
<view class="message-nickname ai-nickname">
|
||||
<text class="ai-nickname-text">{{ $lang('ai-chat.index.aiNickname') }}</text>
|
||||
<text class="message-time">{{ formatTime(message.timestamp) }}</text>
|
||||
</view>
|
||||
<view class="message-bubble">
|
||||
@@ -4105,13 +4105,8 @@ _handleStreamError(msg) {
|
||||
position: relative;
|
||||
gap: 12rpx;
|
||||
|
||||
.ai-nickname-text {
|
||||
position: relative;
|
||||
z-index: 1;
|
||||
}
|
||||
|
||||
.message-time {
|
||||
/* 时间显示在 AI 智能昵称的右面 */
|
||||
/* AI 回答上方只保留时间, 左对齐显示 */
|
||||
position: static;
|
||||
margin-top: 0;
|
||||
margin-left: 0;
|
||||
@@ -4211,13 +4206,6 @@ _handleStreamError(msg) {
|
||||
gap: 12rpx;
|
||||
margin-bottom: 4rpx;
|
||||
|
||||
.ai-nickname-text {
|
||||
font-size: 24rpx;
|
||||
font-weight: 500;
|
||||
color: #666;
|
||||
line-height: 1;
|
||||
}
|
||||
|
||||
.message-time {
|
||||
margin-top: 0;
|
||||
font-size: 22rpx;
|
||||
@@ -5197,15 +5185,6 @@ _handleStreamError(msg) {
|
||||
/* ========== AI 回答: 无气泡 ==========
|
||||
AI 回答不做任何卡片/气泡, 背景透明、无边框、无阴影、无内边距, 文字直接渲染在白色页面底上 */
|
||||
|
||||
/* 昵称更精致 */
|
||||
.ai-chat-container .chat-messages .message-item .ai-message .message-content .message-nickname .ai-nickname-text {
|
||||
color: #3a4353 !important;
|
||||
font-weight: 600;
|
||||
letter-spacing: 0.4rpx;
|
||||
}
|
||||
|
||||
|
||||
|
||||
/* ========== 思考流 / 工具调用 / 选项卡片 / 附件 样式 ========== */
|
||||
|
||||
/* 顶部栏: 标题 + 新对话 */
|
||||
@@ -5213,7 +5192,9 @@ _handleStreamError(msg) {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: space-between;
|
||||
padding: 16rpx 24rpx;
|
||||
/* 右侧预留搜索入口(56rpx 圆形按钮, right:16rpx)的宽度,
|
||||
把"新对话"按钮左移, 避免被搜索按钮遮挡 */
|
||||
padding: 16rpx 88rpx 16rpx 24rpx;
|
||||
border-bottom: 1rpx solid rgba(17, 24, 39, 0.06);
|
||||
background: #ffffff;
|
||||
.chat-title {
|
||||
@@ -5230,7 +5211,17 @@ _handleStreamError(msg) {
|
||||
background: #f4f5f7;
|
||||
color: #1f6cff;
|
||||
font-size: 24rpx;
|
||||
.new-chat-icon { font-size: 26rpx; }
|
||||
/* 新对话图标: 圆角气泡 + 中间加号 + 左下角小尾巴的线性图标
|
||||
微信小程序不支持内联 SVG, 沿用 base64 背景图方案 (与 svg-icon / voice-icon-bg 一致) */
|
||||
.new-chat-icon {
|
||||
width: 32rpx;
|
||||
height: 32rpx;
|
||||
flex-shrink: 0;
|
||||
background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgc3Ryb2tlPSIjMWY2Y2ZmIiBzdHJva2Utd2lkdGg9IjEuNyIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIj48cGF0aCBkPSJNOC41IDIuNUgxNkE1LjUgNS41IDAgMCAxIDIxLjUgOFYxMi41QTUuNSA1LjUgMCAwIDEgMTYgMThIOC42TDMgMjJWOEE1LjUgNS41IDAgMCAxIDguNSAyLjVaIi8+PHBhdGggZD0iTTEyIDcuNVYxMy41TTkuMiAxMC41SDE0LjgiLz48L3N2Zz4=");
|
||||
background-repeat: no-repeat;
|
||||
background-position: center;
|
||||
background-size: contain;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
@@ -263,7 +263,10 @@ export default {
|
||||
// 搜索入口按钮
|
||||
.search-entrance {
|
||||
position: absolute;
|
||||
top: 44rpx;
|
||||
/* 与新对话按钮垂直居中对齐:
|
||||
.chat-topbar padding-top 16rpx + 按钮高 52rpx => 按钮中心 42rpx,
|
||||
本按钮 icon-only 高 56rpx, 故 top = 42 - 56/2 = 14rpx */
|
||||
top: 14rpx;
|
||||
right: 16rpx;
|
||||
z-index: 10;
|
||||
display: flex;
|
||||
|
||||
Reference in New Issue
Block a user