52 lines
2.2 KiB
Plaintext
52 lines
2.2 KiB
Plaintext
<view class="app-shell app-shell--secondary" style="{{layoutStyle}}">
|
||
<launch-transition />
|
||
<!-- pages/history/history.wxml - 情侣操作记录（优化版） -->
|
||
<app-nav title="操作记录" back="{{true}}" />
|
||
|
||
<scroll-view class="page-bg" scroll-y show-scrollbar="{{false}}" bounces="{{true}}" style="height:100vh;">
|
||
<view class="container">
|
||
<!-- 加载状态 -->
|
||
<page-state wx:if="{{loading}}" kind="loading" title="正在加载操作记录" /><page-state wx:elif="{{loadError}}" kind="error" title="操作记录加载失败" action="重试" bind:action="loadLogs" />
|
||
<block wx:elif="{{list.length > 0}}">
|
||
<view class="log-list">
|
||
<view class="log-item" wx:for="{{list}}" wx:key="id">
|
||
<view class="log-icon-wrap" style="background:{{item.action_color}}20;">
|
||
<text class="log-icon">{{item.action_icon}}</text>
|
||
</view>
|
||
<view class="log-card">
|
||
<view class="log-header">
|
||
<view class="log-user-row">
|
||
<text class="log-label" style="color:{{item.action_color}};">{{item.action_label}}</text>
|
||
<text class="log-user" style="color:{{item.gender == 'male' ? '#82B1FF' : '#FF8A80'}};">{{item.nickname}}</text>
|
||
</view>
|
||
<text class="log-time">{{item.created_at}}</text>
|
||
</view>
|
||
<view class="log-body">{{item.description}}</view>
|
||
</view>
|
||
</view>
|
||
</view>
|
||
<view class="pagination" wx:if="{{totalPages > 1}}">
|
||
<text class="page-btn {{page <= 1 ? 'disabled' : ''}}" bindtap="goPrev">‹</text>
|
||
<block wx:for="{{pages}}" wx:key="num">
|
||
<text class="page-dot" wx:if="{{item.dot}}">…</text>
|
||
<text class="page-num {{page == item.num ? 'active' : ''}}" wx:else bindtap="goPage" data-page="{{item.num}}">{{item.num}}</text>
|
||
</block>
|
||
<text class="page-btn {{page >= totalPages ? 'disabled' : ''}}" bindtap="goNext">›</text>
|
||
</view>
|
||
</block>
|
||
<block wx:else>
|
||
<view class="empty-state">
|
||
<text class="empty-icon">📋</text>
|
||
<text class="empty-text">暂无操作记录</text>
|
||
<text class="empty-desc">双方的操作都会记录在这里 ✨</text>
|
||
</view>
|
||
</block>
|
||
</view>
|
||
|
||
|
||
|
||
</scroll-view>
|
||
|
||
|
||
</view>
|