xJourney/wxapp_escort
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

改了ai聊天的格式

Browse Source
This commit is contained in:
lik
2026-05-30 17:15:07 +08:00
parent 91ffaa62e7
commit 350da5f33a
2 changed files with 22 additions and 22 deletions
Download Patch File Download Diff File Expand all files Collapse all files

10
pages/ai/aichat.wxml
View File

@@ -34,7 +34,7 @@
wx:key="id" wx:key="id"
id="msg-{{item.id}}" id="msg-{{item.id}}"
> >
<!-- AI消息：头像在左，内容在右 --> <!-- AI消息：头像在上，内容在下 -->
<block wx:if="{{item.type === 'ai'}}"> <block wx:if="{{item.type === 'ai'}}">
<image class="avatar ai-avatar" src="/images/home-w.png" mode="aspectFill" /> <image class="avatar ai-avatar" src="/images/home-w.png" mode="aspectFill" />
<view class="message-content"> <view class="message-content">
@@ -53,8 +53,11 @@
</view> </view>
</block> </block>
<!-- 用户消息：内容在左，头像在右 --> <!-- 用户消息：头像在上，内容在下 -->
<block wx:if="{{item.type === 'user'}}"> <block wx:if="{{item.type === 'user'}}">
<view class="avatar user-avatar">
<t-icon name="user-1" size="40rpx" color="#FFFFFF" />
</view>
<view class="message-content"> <view class="message-content">
<view class="message-bubble"> <view class="message-bubble">
<text class="message-text" wx:if="{{item.contentType === 'text'}}">{{item.content}}</text> <text class="message-text" wx:if="{{item.contentType === 'text'}}">{{item.content}}</text>
@@ -69,9 +72,6 @@
</view> </view>
<text class="message-time">{{item.time}}</text> <text class="message-time">{{item.time}}</text>
</view> </view>
<view class="avatar user-avatar">
<t-icon name="user-1" size="40rpx" color="#FFFFFF" />
</view>
</block> </block>
</view> </view>

12
pages/ai/aichat.wxss
View File

@@ -97,16 +97,16 @@
/* 消息项 */ /* 消息项 */
.message-item { .message-item {
display: flex; display: flex;
flex-direction: column;
padding: 16rpx 24rpx; padding: 16rpx 24rpx;
align-items: flex-start;
} }
.message-item.ai { .message-item.ai {
justify-content: flex-start; align-items: flex-start;
} }
.message-item.user { .message-item.user {
justify-content: flex-end; align-items: flex-end;
} }
/* 头像 */ /* 头像 */
@@ -122,7 +122,7 @@
.ai-avatar { .ai-avatar {
background: linear-gradient(135deg, #FF9B33 0%, #FF7A33 100%); background: linear-gradient(135deg, #FF9B33 0%, #FF7A33 100%);
margin-right: 16rpx; margin-bottom: 12rpx;
padding: 16rpx; padding: 16rpx;
width: 46rpx; width: 46rpx;
height: 46rpx; height: 46rpx;
@@ -130,14 +130,14 @@
.user-avatar { .user-avatar {
background: linear-gradient(135deg, #4CAF50 0%, #45A049 100%); background: linear-gradient(135deg, #4CAF50 0%, #45A049 100%);
margin-left: 16rpx; margin-bottom: 12rpx;
} }
/* 消息内容 */ /* 消息内容 */
.message-content { .message-content {
display: flex; display: flex;
flex-direction: column; flex-direction: column;
max-width: 70%; max-width: 95%;
} }
.message-item.user .message-content { .message-item.user .message-content {