|
|
@ -12,7 +12,7 @@ |
|
|
<view class="header-right"> |
|
|
<view class="header-right"> |
|
|
<image src="https://d31zlh4on95l9h.cloudfront.net/images/d7c4e74201213a25dd9574e908233928.svg" class="icon"> |
|
|
<image src="https://d31zlh4on95l9h.cloudfront.net/images/d7c4e74201213a25dd9574e908233928.svg" class="icon"> |
|
|
</image> |
|
|
</image> |
|
|
<image src="https://d31zlh4on95l9h.cloudfront.net/images/099903c4aabf5713488b5cb60815e3f7.svg" class="icon" |
|
|
|
|
|
|
|
|
<image style="margin-left: 10px;" src="https://d31zlh4on95l9h.cloudfront.net/images/099903c4aabf5713488b5cb60815e3f7.svg" class="icon" |
|
|
@click="openHistoryDrawer"></image> |
|
|
@click="openHistoryDrawer"></image> |
|
|
<!-- 新增新会话按钮 |
|
|
<!-- 新增新会话按钮 |
|
|
<button class="new-chat-button" @click="newChat"> |
|
|
<button class="new-chat-button" @click="newChat"> |
|
|
@ -609,10 +609,14 @@ function getDataInfo() { |
|
|
.header-right .icon { |
|
|
.header-right .icon { |
|
|
width: 40rpx; |
|
|
width: 40rpx; |
|
|
height: 40rpx; |
|
|
height: 40rpx; |
|
|
margin-right: 20rpx; |
|
|
|
|
|
|
|
|
/* margin-right: 20rpx; */ |
|
|
} |
|
|
} |
|
|
|
|
|
|
|
|
.header-center .title { |
|
|
.header-center .title { |
|
|
|
|
|
position: fixed; |
|
|
|
|
|
top: 10rpx; |
|
|
|
|
|
left: 50%; |
|
|
|
|
|
transform: translateX(-50%); |
|
|
font-size: 36rpx; |
|
|
font-size: 36rpx; |
|
|
font-weight: bold; |
|
|
font-weight: bold; |
|
|
color: #333333; |
|
|
color: #333333; |
|
|
@ -639,7 +643,7 @@ function getDataInfo() { |
|
|
/* 内部滚动交给聊天容器 */ |
|
|
/* 内部滚动交给聊天容器 */ |
|
|
padding: 20rpx; |
|
|
padding: 20rpx; |
|
|
margin-top: 1rpx; |
|
|
margin-top: 1rpx; |
|
|
margin-bottom: 120rpx; |
|
|
|
|
|
|
|
|
margin-bottom: 280rpx; |
|
|
} |
|
|
} |
|
|
|
|
|
|
|
|
/* 聊天顶部粘性欢迎块样式 */ |
|
|
/* 聊天顶部粘性欢迎块样式 */ |
|
|
@ -823,7 +827,7 @@ function getDataInfo() { |
|
|
.chat-container { |
|
|
.chat-container { |
|
|
margin-top: 30rpx; |
|
|
margin-top: 30rpx; |
|
|
border-radius: 10rpx; |
|
|
border-radius: 10rpx; |
|
|
height: 65%; |
|
|
|
|
|
|
|
|
height: calc(100vh - 50rpx); |
|
|
/* 缩短滚动区域,避免被输入框覆盖 */ |
|
|
/* 缩短滚动区域,避免被输入框覆盖 */ |
|
|
overflow-y: auto; |
|
|
overflow-y: auto; |
|
|
-webkit-overflow-scrolling: touch; |
|
|
-webkit-overflow-scrolling: touch; |
|
|
|