601044ec60
- 将支付流程统一至礼品支付页面，禁止从阅读页面进行支付，以优化用户体验。 - 更新了礼物支付详情页面，为发起人和朋友展示了不同的用户界面元素，包括为发起人提供的分享按钮和为朋友提供的支付按钮。 - 增强了后端逻辑，以确保在支付处理过程中正确将收益归因于发起人。 - 增加了每日章节更新，并改进了章节页面的加载状态，以提升用户交互体验。 - 更新了文档，以反映新的支付流程和相关变更。
75 lines
3.1 KiB
Plaintext
75 lines
3.1 KiB
Plaintext
<!-- Soul创业派对 - 代付详情页（美团式：发起人看到分享入口，好友看到帮他付款） -->
|
|
<view class="page">
|
|
<view class="nav-bar" style="padding-top: {{statusBarHeight}}px;">
|
|
<view class="nav-content">
|
|
<view class="nav-back" bindtap="goBack">
|
|
<text class="back-arrow">←</text>
|
|
</view>
|
|
<view class="nav-info">
|
|
<text class="nav-title">{{isInitiator ? '找朋友代付' : '帮他付款'}}</text>
|
|
</view>
|
|
<view class="nav-right-placeholder"></view>
|
|
</view>
|
|
</view>
|
|
|
|
<view class="content" style="padding-top: calc({{statusBarHeight}}px + 88rpx);">
|
|
<block wx:if="{{loading}}">
|
|
<view class="loading-box">
|
|
<view class="loading-spinner"></view>
|
|
<text class="loading-text">加载中...</text>
|
|
</view>
|
|
</block>
|
|
<block wx:elif="{{detail}}">
|
|
<!-- 营销：章节标题+内容预览，吸引代付人 -->
|
|
<view class="article-preview" wx:if="{{detail.sectionTitle || detail.contentPreview}}">
|
|
<text class="article-title">{{detail.sectionTitle || detail.description || '代付商品'}}</text>
|
|
<text class="article-content" wx:if="{{detail.contentPreview}}">{{detail.contentPreview}}</text>
|
|
</view>
|
|
<view class="card">
|
|
<view class="card-header">
|
|
<view class="card-badge">代付订单</view>
|
|
<text class="initiator" wx:if="{{!isInitiator}}">{{detail.initiatorNickname || '好友'}} 请你帮忙付款</text>
|
|
<text class="initiator" wx:else>分享给好友，好友帮你付款</text>
|
|
</view>
|
|
<view class="card-divider"></view>
|
|
<view class="card-body">
|
|
<view class="row product-row" wx:if="{{!detail.contentPreview}}">
|
|
<text class="label">商品</text>
|
|
<text class="value product-desc">{{detail.sectionTitle || detail.description || '-'}}</text>
|
|
</view>
|
|
<view class="row amount-row">
|
|
<text class="label">金额</text>
|
|
<text class="amount">¥{{detail.amount ? detail.amount.toFixed(2) : '0.00'}}</text>
|
|
</view>
|
|
</view>
|
|
</view>
|
|
<!-- 发起人：分享给好友 -->
|
|
<block wx:if="{{isInitiator}}">
|
|
<view class="tips">
|
|
<text class="tips-icon">💡</text>
|
|
<text>分享给好友，好友打开后点击「帮他付款」即可为你代付</text>
|
|
</view>
|
|
<button class="pay-btn share-btn" open-type="share">
|
|
<image class="btn-icon-img" src="/assets/icons/share.svg" mode="aspectFit"/>
|
|
<text>分享给好友</text>
|
|
</button>
|
|
</block>
|
|
<!-- 好友：帮他付款 -->
|
|
<block wx:else>
|
|
<view class="tips">
|
|
<text class="tips-icon">✓</text>
|
|
<text>付款后，{{detail.initiatorNickname || '好友'}}将获得对应权益</text>
|
|
</view>
|
|
<button class="pay-btn" bindtap="doPay" disabled="{{paying}}">
|
|
{{paying ? '支付中...' : '帮他付款'}}
|
|
</button>
|
|
</block>
|
|
</block>
|
|
<block wx:else>
|
|
<view class="empty">
|
|
<text>代付请求不存在或已处理</text>
|
|
</view>
|
|
</block>
|
|
</view>
|
|
</view>
|