negotiation-history.wxml 1.8 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546
  1. <t-navbar title="协商历史" left-arrow />
  2. <scroll-view class="page-container" scroll-y>
  3. <view class="history-list">
  4. <view class="history-item" wx:for="{{historyList}}" wx:key="index">
  5. <!-- 顶部信息 -->
  6. <view class="item-header">
  7. <image class="user-avatar" src="{{item.avatar}}" mode="aspectFill"></image>
  8. <view class="user-info">
  9. <view class="user-name">{{item.name}}</view>
  10. <view class="action-time">{{item.time}}</view>
  11. </view>
  12. </view>
  13. <!-- 内容区 -->
  14. <view class="item-content">
  15. <!-- 平台消息 -->
  16. <block wx:if="{{item.type === 'platform'}}">
  17. <view class="platform-line" wx:for="{{item.lines}}" wx:for-item="line" wx:key="*this">{{line}}</view>
  18. </block>
  19. <!-- 用户行为 -->
  20. <block wx:elif="{{item.type === 'user'}}">
  21. <view class="action-title">{{item.actionTitle}}</view>
  22. <view class="detail-line" wx:for="{{item.details}}" wx:for-item="detail" wx:key="label">
  23. <text class="detail-label">{{detail.label}}:</text>
  24. <text class="detail-value">{{detail.value}}</text>
  25. </view>
  26. <!-- 图片矩阵 -->
  27. <view class="image-grid" wx:if="{{item.images && item.images.length > 0}}">
  28. <view class="grid-img-wrap" wx:for="{{item.images}}" wx:for-item="img" wx:key="index">
  29. <image class="grid-img" src="{{img !== 'placeholder' ? img : ''}}" mode="aspectFill" wx:if="{{img !== 'placeholder'}}"></image>
  30. <view class="grid-placeholder" wx:else>
  31. <t-icon name="image" size="40rpx" color="#ccc" />
  32. </view>
  33. </view>
  34. </view>
  35. </block>
  36. </view>
  37. </view>
  38. </view>
  39. </scroll-view>