20 lines
850 B
Plaintext
20 lines
850 B
Plaintext
|
<!-- 消息组件 -->
|
||
|
|
<view class="message-item {{isMe ? 'message-right' : 'message-left'}}">
|
||
|
|
<view class="message-avatar">
|
||
|
|
<image src="{{avatar}}" mode="aspectFill"></image>
|
||
|
|
</view>
|
||
|
|
<view class="message-content">
|
||
|
|
<view class="message-header">
|
||
|
|
<text class="message-nickname">{{nickname}}</text>
|
||
|
|
<text class="message-time">{{time}}</text>
|
||
|
|
</view>
|
||
|
|
<view class="message-body">
|
||
|
|
<text class="message-text" wx:if="{{type === 'text'}}">{{content}}</text>
|
||
|
|
<image class="message-image" wx:if="{{type === 'image'}}" src="{{content}}" mode="widthFix" bindtap="previewImage"></image>
|
||
|
|
<view class="message-file" wx:if="{{type === 'file'}}" bindtap="downloadFile">
|
||
|
|
<text class="file-name">{{fileName}}</text>
|
||
|
|
<text class="file-size">{{fileSize}}</text>
|
||
|
|
</view>
|
||
|
|
</view>
|
||
|
|
</view>
|
||
|
|
</view>
|