56 lines
2.2 KiB
Plaintext
56 lines
2.2 KiB
Plaintext
<!-- pages/contact/index.wxml -->
|
|
<view class="chat-page">
|
|
<!-- 顶部蓝色栏 -->
|
|
<!-- <view class="header-bar">
|
|
<image class="header-avatar" src="{{serviceAvatar}}" />
|
|
<text class="header-title">租号客服</text>
|
|
</view> -->
|
|
|
|
<scroll-view class="messages" scroll-y="true" scroll-into-view="{{scrollToId}}" bindscroll="onScroll" bindscrolltolower="onScrollToLower" lower-threshold="20">
|
|
<block wx:for="{{messages}}" wx:key="id">
|
|
<!-- 时间分割线 -->
|
|
<block wx:if="{{item.showTime}}">
|
|
<view class="msg-time">{{item.timeStr}}</view>
|
|
</block>
|
|
<view id="{{item.id}}" class="message {{item.sender_id == userInfo.openid ? 'user' : 'service'}}">
|
|
<view class="avatar-wrap">
|
|
<image class="avatar" src="{{item.sender_id == userInfo.openid ? userAvatar : serviceAvatar}}" />
|
|
|
|
</view>
|
|
<view class="bubble-wrap">
|
|
<view class="bubble">
|
|
<block wx:if="{{item.msg_type == 1}}">
|
|
<text class="msg-text">{{item.content.messages}}</text>
|
|
</block>
|
|
<block wx:elif="{{item.msg_type == 2}}">
|
|
<image src="{{item.content.messages}}" bindtap="previewImage" data-src="{{item.content.messages}}" class="msg-image" mode="aspectFill" />
|
|
</block>
|
|
</view>
|
|
|
|
<view class="send-time">{{item.send_time}}</view>
|
|
</view>
|
|
</view>
|
|
</block>
|
|
</scroll-view>
|
|
|
|
<view class="input-area">
|
|
<image class="btn-image-img" src="/static/upload.png" bindtap="chooseImage" mode="aspectFit" />
|
|
<input class="input" placeholder="请输入内容" value="{{inputText}}" bindinput="onInput" confirm-type="send" bindconfirm="sendText" />
|
|
<button class="btn-send" bindtap="sendText">发送</button>
|
|
</view>
|
|
|
|
<!-- 获取用户信息弹窗 -->
|
|
<block wx:if="{{showGetUser}}">
|
|
<view class="overlay">
|
|
<view class="popup">
|
|
<text class="popup-title">授权获取您的用户信息</text>
|
|
<text class="popup-desc">授权后可用于显示头像、昵称等，提升聊天体验。</text>
|
|
<view class="popup-actions">
|
|
<button class="btn-primary" open-type="getUserInfo" bindgetuserinfo="requestUserProfile">获取用户信息</button>
|
|
|
|
<!-- <button class="btn-secondary" bindtap="dismissGetUser">稍后再说</button> -->
|
|
</view>
|
|
</view>
|
|
</view>
|
|
</block>
|
|
</view> |