114 lines
4.8 KiB
Plaintext
114 lines
4.8 KiB
Plaintext
<view class="page">
|
||
<view class="nav-bar" style="height: {{navBarHeight || (statusBarHeight + 44)}}px; padding-top: {{statusBarHeight || 44}}px; box-sizing: border-box;">
|
||
<view class="nav-inner safe-header-right">
|
||
<view class="nav-back" bindtap="goBack">← 返回</view>
|
||
<view class="nav-center">
|
||
<text class="content-part" wx:if="{{partTitle}}">{{partTitle}}</text>
|
||
<text class="content-chapter" wx:if="{{chapterTitle}}">{{chapterTitle}}</text>
|
||
</view>
|
||
<view class="nav-share" bindtap="openShare">分享</view>
|
||
</view>
|
||
</view>
|
||
|
||
<block wx:if="{{loading}}">
|
||
<view class="loading-wrap">
|
||
<view class="loading-spinner"></view>
|
||
<text class="loading-text">加载中...</text>
|
||
</view>
|
||
</block>
|
||
<block wx:elif="{{error}}">
|
||
<view class="error-wrap">
|
||
<text class="error-text">{{error}}</text>
|
||
<view class="btn-primary" bindtap="goBack">返回</view>
|
||
</view>
|
||
</block>
|
||
<block wx:elif="{{!canAccess && needPurchase}}">
|
||
<scroll-view class="content-scroll" scroll-y>
|
||
<view class="content-head">
|
||
<text class="section-id">{{id}}</text>
|
||
<text class="tag-free" wx:if="{{false}}">免费</text>
|
||
<text class="content-title">{{title}}</text>
|
||
</view>
|
||
<view class="content-body preview">
|
||
<text class="content-text">{{previewContent}}</text>
|
||
</view>
|
||
<view class="paywall-card">
|
||
<view class="paywall-icon">🔒</view>
|
||
<text class="paywall-title">解锁完整内容</text>
|
||
<text class="paywall-desc">已阅读20%，购买后继续阅读</text>
|
||
<view class="paywall-btn" bindtap="purchaseSection">
|
||
<text>购买本章</text>
|
||
<text class="price">¥{{price}}</text>
|
||
</view>
|
||
<view class="paywall-btn primary" wx:if="{{showFullBookOption}}" bindtap="purchaseFullBook">
|
||
<text>解锁全部 {{totalSections}} 章</text>
|
||
<text class="price">¥{{fullBookPrice}}</text>
|
||
</view>
|
||
<text class="paywall-hint">分享给好友购买，你可获得90%佣金</text>
|
||
</view>
|
||
</scroll-view>
|
||
</block>
|
||
<block wx:else>
|
||
<scroll-view class="content-scroll" scroll-y>
|
||
<view class="content-head">
|
||
<text class="section-id">{{id}}</text>
|
||
<text class="tag-free" wx:if="{{!needPurchase}}">免费</text>
|
||
<text class="content-title">{{title}}</text>
|
||
</view>
|
||
<view class="content-body">
|
||
<text class="content-text" wx:if="{{contentType === 'text'}}">{{content}}</text>
|
||
<rich-text wx:else nodes="{{contentNodes}}"></rich-text>
|
||
</view>
|
||
<view class="nav-footer">
|
||
<view class="prev-next-row">
|
||
<view class="prev-next prev" wx:if="{{prevSection}}" bindtap="goPrev">
|
||
<text class="pn-label">上一篇</text>
|
||
<text class="pn-title">{{prevSection.id}}</text>
|
||
</view>
|
||
<view class="prev-next next" wx:if="{{nextSection}}" bindtap="goNext">
|
||
<text class="pn-label">下一篇</text>
|
||
<text class="pn-title">{{nextSection.id}}</text>
|
||
</view>
|
||
</view>
|
||
<view class="share-tip" bindtap="openShare">
|
||
<text class="share-tip-title">觉得不错？分享给好友</text>
|
||
<text class="share-tip-desc">好友购买你获得90%佣金</text>
|
||
<view class="btn-share">分享赚钱</view>
|
||
</view>
|
||
</view>
|
||
</scroll-view>
|
||
</block>
|
||
|
||
<view class="mask" wx:if="{{showShareModal}}" catchtap="closeShare">
|
||
<view class="modal share-modal" catchtap="">
|
||
<view class="modal-head">
|
||
<text class="modal-title">分享文章</text>
|
||
<view class="modal-close" bindtap="closeShare">×</view>
|
||
</view>
|
||
<view class="share-link-wrap">
|
||
<text class="share-link-label">你的专属分享链接</text>
|
||
<text class="share-link">{{shareLink}}</text>
|
||
<text class="share-code" wx:if="{{referralCode}}">邀请码: {{referralCode}} · 好友购买你获得90%佣金</text>
|
||
</view>
|
||
<view class="share-btns">
|
||
<view class="share-btn" bindtap="copyLink">
|
||
<view class="share-btn-icon">{{shareCopied ? '✓' : '复制'}}</view>
|
||
<text class="share-btn-label">{{shareCopied ? '已复制' : '复制链接'}}</text>
|
||
</view>
|
||
<view class="share-btn" bindtap="copyWechatText">
|
||
<view class="share-btn-icon wechat">微</view>
|
||
<text class="share-btn-label">微信好友</text>
|
||
</view>
|
||
<view class="share-btn" bindtap="copyMomentText">
|
||
<view class="share-btn-icon wechat">朋</view>
|
||
<text class="share-btn-label">朋友圈</text>
|
||
</view>
|
||
<view class="share-btn" bindtap="goReferral">
|
||
<view class="share-btn-icon gold">海报</view>
|
||
<text class="share-btn-label">生成海报</text>
|
||
</view>
|
||
</view>
|
||
</view>
|
||
</view>
|
||
</view>
|