与牧同行-兽医端小程序
You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
 

62 lines
2.5 KiB

<view class="container-box">
<!-- 头部:专家信息卡片 -->
<view class="expert-card">
<view class="avatar-wrapper">
<image class="avatar" src="{{user.user.avatar?baseUrl+user.user.avatar:'/pages/images/tx.png'}}" mode="aspectFill"></image>
<view class="online-status online"></view>
</view>
<view class="info">
<view class="name-row">
<text class="name">{{user.user.nickName}}</text>
<text class="senior">{{user.vetInfo.expertType}}</text>
<text class="online-text">在线</text>
</view>
<view class="specialty">{{user.vetInfo.specialty}}</view>
<view class="experience-tag">
<text class="tag-text">从业 {{user.vetInfo.workExperience}}</text>
</view>
</view>
</view>
<!-- 聊天申请列表区域 -->
<view class="list-header">
<view class="list-title-wrap">
<text class="list-title">咨询申请</text>
<text class="list-count">{{applyList.length}}</text>
</view>
</view>
<scroll-view scroll-y class="apply-scroll" bindscrolltolower="loadMore" enhanced show-scrollbar="{{false}}" lower-threshold="100">
<view class="apply-list">
<block wx:for="{{applyList}}" wx:key="id">
<view class="apply-item" bindtap="handleApply" data-id="{{item.otherUserId}}">
<image class="user-avatar" src="{{item.otherUserAvatar?baseUrl+item.otherUserAvatar:'/pages/images/tx.png'}}" mode="aspectFill"></image>
<view class="apply-content">
<view class="apply-header">
<view class="user-info">
<text class="user-name">{{item.otherUserName}}</text>
</view>
<text class="apply-time">{{item.lastMessageTime}}</text>
</view>
<view class="message-area">
<text class="message-preview">{{item.lastMessage || '请求咨询...'}}</text>
</view>
</view>
</view>
</block>
<!-- 空状态提示 -->
<view wx:if="{{applyList.length === 0 && !isLoading}}" class="empty-state">
<text class="empty-text">暂无新的咨询申请</text>
<text class="empty-subtext">稍后刷新试试</text>
</view>
<!-- 加载更多指示 -->
<view wx:if="{{hasMore && applyList.length > 0}}" class="loading-more">
<view class="loading-spinner"></view>
<text>正在加载更多...</text>
</view>
<view wx:if="{{!hasMore && applyList.length > 0}}" class="no-more">没有更多了</view>
</view>
</scroll-view>
</view>