Files
soul-yongping/miniprogram/pages/purchases/purchases.wxml

67 lines
2.2 KiB
Plaintext

<view class="page">
<view class="nav-placeholder" style="height: {{navBarHeight || (statusBarHeight + 44)}}px;"></view>
<view class="header safe-header-right">
<view class="nav-back" bindtap="goBack">← 返回</view>
<text class="header-title">我的订单</text>
</view>
<block wx:if="{{!isLoggedIn}}">
<view class="empty-wrap">
<text class="empty-desc">请先登录</text>
<view class="btn-primary" bindtap="goBack">返回我的</view>
</view>
</block>
<block wx:elif="{{loading}}">
<view class="empty-wrap">
<text class="empty-desc">加载中...</text>
</view>
</block>
<block wx:else>
<view class="stats-card">
<view class="stat-item">
<text class="stat-value">{{purchasedCount}}</text>
<text class="stat-label">已购买章节</text>
</view>
<view class="stat-item">
<text class="stat-value brand">{{hasFullBook ? '全书' : (purchasedCount + '/' + totalSections)}}</text>
<text class="stat-label">{{hasFullBook ? '已解锁' : '进度'}}</text>
</view>
</view>
<block wx:if="{{hasFullBook}}">
<view class="fullbook-card">
<text class="fullbook-icon">✓</text>
<text class="fullbook-title">您已购买整本书</text>
<text class="fullbook-desc">全部内容已解锁,可随时阅读</text>
</view>
</block>
<block wx:elif="{{purchasedCount === 0}}">
<view class="empty-wrap">
<text class="empty-icon">📖</text>
<text class="empty-desc">您还没有购买任何章节</text>
<view class="btn-primary" bindtap="goChapters">去浏览章节</view>
</view>
</block>
<block wx:else>
<view class="section-header">已购买的章节</view>
<view class="section-list">
<view
class="section-row"
wx:for="{{purchasedSectionList}}"
wx:key="id"
data-id="{{item.id}}"
bindtap="goToRead"
>
<text class="section-check">✓</text>
<text class="section-id">{{item.id}}</text>
<text class="section-title">{{item.title}}</text>
</view>
</view>
</block>
</block>
</view>