29 lines
1.3 KiB
Plaintext
29 lines
1.3 KiB
Plaintext
<!--pages/message/detail/index.wxml-->
|
|
<view class="message-detail">
|
|
<!-- 聊天记录区域 -->
|
|
<scroll-view class="message-list" scroll-y scroll-into-view="{{scrollToMessage}}" enable-flex scroll-anchoring="{{true}}">
|
|
<view wx:for="{{messageList}}" wx:key="id" class="message-item {{item.isSelf ? 'self' : 'other'}}" id="msg-{{item.id}}">
|
|
<image class="avatar" src="{{item.avatar}}" />
|
|
<view class="content">
|
|
<view class="bubble">
|
|
<text wx:if="{{item.type === 'text'}}">{{item.content}}</text>
|
|
<image wx:if="{{item.type === 'image'}}" class="msg-image" src="{{item.content}}" mode="widthFix" bindtap="previewImage" data-src="{{item.content}}" />
|
|
</view>
|
|
<text class="time">{{item.time}}</text>
|
|
</view>
|
|
</view>
|
|
</scroll-view>
|
|
|
|
<!-- 底部输入区域 -->
|
|
<view class="input-area">
|
|
<view class="input-box">
|
|
<view class="tool-item" bindtap="chooseImage">
|
|
<t-icon name="image" size="48rpx" />
|
|
</view>
|
|
<textarea class="input" value="{{inputContent}}" placeholder="请输入消息" auto-height cursor-spacing="20" maxlength="500" bindinput="onInput" adjust-position="{{false}}" />
|
|
<view class="send-btn {{inputContent ? 'active' : ''}}" bindtap="sendMessage">
|
|
发送
|
|
</view>
|
|
</view>
|
|
</view>
|
|
</view> |