CodeBuddy
3ce6edc9a1
- 新增存储空间管理：会员套餐配置、用户容量/到期管理、后台支付记录查询 - 接入个人主体小程序虚拟支付：下单/发货推送/兜底查单(query_order) - 修复 adminStorageUsers 等接口鉴权、out_trade_no 长度、前端 requestVirtualPayment 参数 - 前端上传前容量预检，超容引导升级无限空间 - 我的页会员卡片展示「无限空间」与已用容量/到期时间 - 后台「存储空间管理」新增支付记录标签页
53 lines
2.3 KiB
Plaintext
53 lines
2.3 KiB
Plaintext
<view class="app-shell app-shell--secondary j-handwritten-page" style="{{layoutStyle}}">
|
|
<launch-transition />
|
|
<!-- pages/storage/storage.wxml -->
|
|
<app-nav title="存储空间" back="{{true}}" />
|
|
|
|
<scroll-view class="page-bg" scroll-y show-scrollbar="{{false}}" bounces="{{true}}">
|
|
<view class="j-body">
|
|
<!-- 已用空间 -->
|
|
<view class="storage-card">
|
|
<view class="storage-card-head">
|
|
<view class="storage-title">已用空间</view>
|
|
<view class="storage-vip" wx:if="{{isVip}}">👑 无限空间</view>
|
|
</view>
|
|
<view class="storage-used">
|
|
<text class="storage-num">{{usedText}}</text>
|
|
<text class="storage-of" wx:if="{{!isVip}}"> / {{freeText}} 免费</text>
|
|
</view>
|
|
<view class="storage-bar" wx:if="{{!isVip}}">
|
|
<view class="storage-bar-fill" style="width: {{percent}}%;"></view>
|
|
</view>
|
|
<view class="storage-hint" wx:if="{{isVip}}">{{vipExpireText}}</view>
|
|
<view class="storage-hint over" wx:elif="{{overQuota}}">已超出免费空间，升级后即可继续上传</view>
|
|
<view class="storage-hint" wx:else>已使用 {{percent}}% 免费空间</view>
|
|
</view>
|
|
|
|
<!-- 套餐 -->
|
|
<view class="section-heading">升级无限空间</view>
|
|
<view class="plan-list">
|
|
<view class="plan-card" wx:for="{{plans}}" wx:key="key" bindtap="buyPlan" data-key="{{item.key}}">
|
|
<view class="plan-info">
|
|
<view class="plan-name">{{item.name}}</view>
|
|
<view class="plan-desc">无限存储空间，照片视频想存就存</view>
|
|
</view>
|
|
<view class="plan-price">
|
|
<text class="plan-amount">¥{{item.priceText}}</text>
|
|
<text class="plan-unit">/{{item.unit}}</text>
|
|
</view>
|
|
</view>
|
|
</view>
|
|
|
|
<!-- 说明 -->
|
|
<view class="storage-note">
|
|
<view class="note-title">📌 说明</view>
|
|
<view class="note-item">• 默认提供 {{freeMb}}MB 免费空间</view>
|
|
<view class="note-item">• 开通会员后，照片、视频等不再限制存储空间</view>
|
|
<view class="note-item">• 会员到期后，已上传内容仍可正常查看</view>
|
|
</view>
|
|
|
|
<page-state wx:if="{{error}}" kind="error" title="加载失败" action="重试" bind:action="loadInfo" />
|
|
</view>
|
|
</scroll-view>
|
|
</view>
|