601044ec60
- 将支付流程统一至礼品支付页面，禁止从阅读页面进行支付，以优化用户体验。 - 更新了礼物支付详情页面，为发起人和朋友展示了不同的用户界面元素，包括为发起人提供的分享按钮和为朋友提供的支付按钮。 - 增强了后端逻辑，以确保在支付处理过程中正确将收益归因于发起人。 - 增加了每日章节更新，并改进了章节页面的加载状态，以提升用户交互体验。 - 更新了文档，以反映新的支付流程和相关变更。
162 lines
6.7 KiB
Plaintext
162 lines
6.7 KiB
Plaintext
<!--pages/chapters/chapters.wxml-->
|
||
<!--Soul创业实验 - 目录页 1:1还原Web版本-->
|
||
<view class="page page-transition">
|
||
<!-- 自定义导航栏 -->
|
||
<view class="nav-bar" style="padding-top: {{statusBarHeight}}px;">
|
||
<view class="nav-content">
|
||
<view class="nav-left">
|
||
<view class="search-btn" bindtap="goToSearch">
|
||
<text class="search-icon">🔍</text>
|
||
</view>
|
||
</view>
|
||
<view class="nav-title brand-color">目录</view>
|
||
<view class="nav-right"></view>
|
||
</view>
|
||
</view>
|
||
|
||
<!-- 导航栏占位 -->
|
||
<view class="nav-placeholder" style="height: {{statusBarHeight + 44}}px;"></view>
|
||
|
||
<!-- 目录加载中 -->
|
||
<view class="parts-loading" wx:if="{{partsLoading}}">
|
||
<view class="parts-loading-spinner"></view>
|
||
<text class="parts-loading-text">加载目录中...</text>
|
||
</view>
|
||
|
||
<!-- 书籍信息卡 -->
|
||
<view class="book-info-card card-gradient" wx:if="{{!partsLoading}}">
|
||
<view class="book-icon">
|
||
<view class="book-icon-inner">📚</view>
|
||
</view>
|
||
<view class="book-info">
|
||
<text class="book-title">一场SOUL的创业实验场</text>
|
||
<text class="book-subtitle">来自Soul派对房的真实商业故事</text>
|
||
</view>
|
||
<view class="book-count">
|
||
<text class="count-value brand-color">{{totalSections}}</text>
|
||
<text class="count-label">章节</text>
|
||
</view>
|
||
</view>
|
||
|
||
<!-- 目录内容 -->
|
||
<view class="chapters-content" wx:if="{{!partsLoading}}">
|
||
<!-- 每日新增（最近更新章节快捷入口） -->
|
||
<view class="daily-section" wx:if="{{dailyChapters.length > 0}}">
|
||
<view class="daily-header">
|
||
<text class="daily-title">每日新增</text>
|
||
<text class="daily-badge">+{{dailyChapters.length}}</text>
|
||
</view>
|
||
<view class="daily-list">
|
||
<view
|
||
class="daily-item"
|
||
wx:for="{{dailyChapters}}"
|
||
wx:key="id"
|
||
bindtap="goToRead"
|
||
data-id="{{item.id}}"
|
||
data-mid="{{item.mid}}"
|
||
>
|
||
<view class="daily-dot"></view>
|
||
<view class="daily-content">
|
||
<text class="daily-item-title">{{item.title}}</text>
|
||
<text class="daily-item-meta">{{item.dateStr}} · ¥{{item.price}}</text>
|
||
</view>
|
||
<text class="daily-arrow">›</text>
|
||
</view>
|
||
</view>
|
||
</view>
|
||
|
||
<!-- 序言（优先传 mid，阅读页用 by-mid 请求） -->
|
||
<view class="chapter-item" bindtap="goToRead" data-id="preface" data-mid="{{fixedSectionsMap.preface}}">
|
||
<view class="item-left">
|
||
<view class="item-icon icon-brand">📖</view>
|
||
<text class="item-title">序言｜为什么我每天早上6点在Soul开播?</text>
|
||
</view>
|
||
<view class="item-right">
|
||
<text class="tag tag-free">免费</text>
|
||
<text class="item-arrow">→</text>
|
||
</view>
|
||
</view>
|
||
|
||
<!-- 篇章列表 -->
|
||
<view class="part-list">
|
||
<view class="part-item" wx:for="{{bookData}}" wx:key="id">
|
||
<!-- 篇章标题 -->
|
||
<view class="part-header" bindtap="togglePart" data-id="{{item.id}}">
|
||
<view class="part-left">
|
||
<view class="part-icon">{{item.number}}</view>
|
||
<view class="part-info">
|
||
<text class="part-title">{{item.title}}</text>
|
||
<text class="part-subtitle">{{item.subtitle}}</text>
|
||
</view>
|
||
</view>
|
||
<view class="part-right">
|
||
<text class="part-count">{{item.chapters.length || item.chapterCount}}章</text>
|
||
<text class="part-arrow {{expandedPart === item.id ? 'arrow-down' : ''}}">→</text>
|
||
</view>
|
||
</view>
|
||
|
||
<!-- 章节列表 - 展开时显示，懒加载 -->
|
||
<block wx:if="{{expandedPart === item.id}}">
|
||
<view class="chapters-list">
|
||
<view wx:if="{{item.chapters.length === 0}}" class="chapters-loading">加载中...</view>
|
||
<block wx:for="{{item.chapters}}" wx:key="id" wx:for-item="chapter">
|
||
<view class="chapter-header">{{chapter.title}}</view>
|
||
<view class="section-list">
|
||
<block wx:for="{{chapter.sections}}" wx:key="id" wx:for-item="section">
|
||
<view class="section-item" bindtap="goToRead" data-id="{{section.id}}" data-mid="{{section.mid}}">
|
||
<view class="section-left">
|
||
<text class="section-lock {{section.isFree || isVip || (!section.isPremium && hasFullBook) || purchasedSections.indexOf(section.id) > -1 ? 'lock-open' : 'lock-closed'}}">{{section.isFree || isVip || (!section.isPremium && hasFullBook) || purchasedSections.indexOf(section.id) > -1 ? '○' : '●'}}</text>
|
||
<text class="section-title {{section.isFree || isVip || (!section.isPremium && hasFullBook) || purchasedSections.indexOf(section.id) > -1 ? '' : 'text-muted'}}">{{section.id}} {{section.title}}</text>
|
||
<text wx:if="{{section.isNew}}" class="tag tag-new">NEW</text>
|
||
<text wx:if="{{section.isPremium}}" class="tag tag-vip">增值</text>
|
||
</view>
|
||
<view class="section-right">
|
||
<text wx:if="{{section.isFree}}" class="tag tag-free">免费</text>
|
||
<text wx:elif="{{isVip || (!section.isPremium && hasFullBook) || purchasedSections.indexOf(section.id) > -1}}" class="tag tag-purchased">已解锁</text>
|
||
<text wx:else class="section-price">¥{{section.price}}</text>
|
||
<text class="section-arrow">›</text>
|
||
</view>
|
||
</view>
|
||
</block>
|
||
</view>
|
||
</block>
|
||
</view>
|
||
</block>
|
||
</view>
|
||
</view>
|
||
|
||
<!-- 尾声（优先传 mid） -->
|
||
<view class="chapter-item" bindtap="goToRead" data-id="epilogue" data-mid="{{fixedSectionsMap.epilogue}}">
|
||
<view class="item-left">
|
||
<view class="item-icon icon-brand">📖</view>
|
||
<text class="item-title">尾声｜这本书的真实目的</text>
|
||
</view>
|
||
<view class="item-right">
|
||
<text class="tag tag-free">免费</text>
|
||
<text class="item-arrow">→</text>
|
||
</view>
|
||
</view>
|
||
|
||
<!-- 附录 -->
|
||
<view class="appendix-card card">
|
||
<text class="appendix-title">附录</text>
|
||
<view class="appendix-list">
|
||
<view
|
||
class="appendix-item"
|
||
wx:for="{{appendixList}}"
|
||
wx:key="id"
|
||
bindtap="goToRead"
|
||
data-id="{{item.id}}"
|
||
data-mid="{{item.mid}}"
|
||
>
|
||
<text class="appendix-text">{{item.title}}</text>
|
||
<text class="appendix-arrow">→</text>
|
||
</view>
|
||
</view>
|
||
</view>
|
||
</view>
|
||
|
||
<!-- 底部留白 -->
|
||
<view class="bottom-space"></view>
|
||
</view>
|