初始提交：一场soul的创业实验-永平 网站与小程序

Made-with: Cursor

miniprogram/pages/purchases/purchases.js

@@ -0,0 +1,78 @@
+/**
+ * Soul创业实验 - 订单页
+ */
+const app = getApp()
+
+Page({
+  data: {
+    statusBarHeight: 44,
+    orders: [],
+    loading: true
+  },
+
+  onLoad() {
+    wx.showShareMenu({ withShareTimeline: true })
+    this.setData({ statusBarHeight: app.globalData.statusBarHeight })
+    this.loadOrders()
+  },
+
+  async loadOrders() {
+    this.setData({ loading: true })
+    try {
+      const userId = app.globalData.userInfo?.id
+      if (userId) {
+        const res = await app.request(`/api/miniprogram/orders?userId=${userId}`)
+        if (res && res.success && res.data) {
+          const orders = (res.data || []).map(item => ({
+            id: item.id || item.order_sn,
+            sectionId: item.product_id || item.section_id,
+            sectionMid: item.section_mid ?? item.mid ?? 0,
+            title: item.product_name || `章节 ${item.product_id || ''}`,
+            amount: item.amount || 0,
+            status: item.status || 'completed',
+            createTime: item.created_at ? new Date(item.created_at).toLocaleDateString() : '--'
+          }))
+          this.setData({ orders })
+          return
+        }
+      }
+      const purchasedSections = app.globalData.purchasedSections || []
+      const orders = purchasedSections.map((id, index) => ({
+        id: `order_${index}`,
+        sectionId: id,
+        sectionMid: app.getSectionMid(id),
+        title: `章节 ${id}`,
+        amount: 1,
+        status: 'completed',
+        createTime: new Date(Date.now() - index * 86400000).toLocaleDateString()
+      }))
+      this.setData({ orders })
+    } catch (e) {
+      console.error('加载订单失败:', e)
+      const purchasedSections = app.globalData.purchasedSections || []
+      this.setData({
+        orders: purchasedSections.map((id, i) => ({
+          id: `order_${i}`, sectionId: id, sectionMid: app.getSectionMid(id), title: `章节 ${id}`, amount: 1, status: 'completed',
+          createTime: new Date(Date.now() - i * 86400000).toLocaleDateString()
+        }))
+      })
+    } finally {
+      this.setData({ loading: false })
+    }
+  },
+
+  goBack() { getApp().goBackOrToHome() },
+
+  onShareAppMessage() {
+    const ref = app.getMyReferralCode()
+    return {
+      title: 'Soul创业派对 - 购买记录',
+      path: ref ? `/pages/purchases/purchases?ref=${ref}` : '/pages/purchases/purchases'
+    }
+  },
+
+  onShareTimeline() {
+    const ref = app.getMyReferralCode()
+    return { title: 'Soul创业派对 - 购买记录', query: ref ? `ref=${ref}` : '' }
+  }
+})

miniprogram/pages/purchases/purchases.json

@@ -0,0 +1,4 @@
+{
+  "usingComponents": {},
+  "navigationStyle": "custom"
+}

miniprogram/pages/purchases/purchases.wxml

@@ -0,0 +1,35 @@
+<!--订单页-->
+<view class="page">
+  <view class="nav-bar" style="padding-top: {{statusBarHeight}}px;">
+    <view class="nav-back" bindtap="goBack">←</view>
+    <text class="nav-title">我的订单</text>
+    <view class="nav-placeholder"></view>
+  </view>
+  <view style="height: {{statusBarHeight + 44}}px;"></view>
+
+  <view class="content">
+    <view class="loading" wx:if="{{loading}}">
+      <view class="skeleton"></view>
+      <view class="skeleton"></view>
+      <view class="skeleton"></view>
+    </view>
+
+    <view class="orders-list" wx:elif="{{orders.length > 0}}">
+      <view class="order-item" wx:for="{{orders}}" wx:key="id">
+        <view class="order-info">
+          <text class="order-title">{{item.title}}</text>
+          <text class="order-time">{{item.createTime}}</text>
+        </view>
+        <view class="order-right">
+          <text class="order-amount">¥{{item.amount}}</text>
+          <text class="order-status">已完成</text>
+        </view>
+      </view>
+    </view>
+
+    <view class="empty" wx:else>
+      <text class="empty-icon">📦</text>
+      <text class="empty-text">暂无订单</text>
+    </view>
+  </view>
+</view>

miniprogram/pages/purchases/purchases.wxss

@@ -0,0 +1,20 @@
+.page { min-height: 100vh; background: #000; }
+.nav-bar { position: fixed; top: 0; left: 0; right: 0; z-index: 100; background: rgba(0,0,0,0.9); backdrop-filter: blur(40rpx); display: flex; align-items: center; justify-content: space-between; padding: 0 32rpx; height: 88rpx; }
+.nav-back { width: 72rpx; height: 72rpx; background: #1c1c1e; border-radius: 50%; display: flex; align-items: center; justify-content: center; font-size: 32rpx; color: #fff; }
+.nav-title { font-size: 36rpx; font-weight: 600; color: #00CED1; }
+.nav-placeholder { width: 72rpx; }
+.content { padding: 32rpx; }
+.loading { display: flex; flex-direction: column; gap: 24rpx; }
+.skeleton { height: 120rpx; background: linear-gradient(90deg, #1c1c1e 25%, #2c2c2e 50%, #1c1c1e 75%); background-size: 200% 100%; animation: skeleton 1.5s ease-in-out infinite; border-radius: 24rpx; }
+@keyframes skeleton { 0% { background-position: 200% 0; } 100% { background-position: -200% 0; } }
+.orders-list { display: flex; flex-direction: column; gap: 16rpx; }
+.order-item { display: flex; align-items: center; justify-content: space-between; padding: 24rpx; background: #1c1c1e; border-radius: 24rpx; }
+.order-info { flex: 1; }
+.order-title { font-size: 28rpx; color: #fff; display: block; margin-bottom: 8rpx; }
+.order-time { font-size: 22rpx; color: rgba(255,255,255,0.4); }
+.order-right { text-align: right; }
+.order-amount { font-size: 28rpx; font-weight: 600; color: #00CED1; display: block; margin-bottom: 4rpx; }
+.order-status { font-size: 22rpx; color: rgba(255,255,255,0.4); }
+.empty { display: flex; flex-direction: column; align-items: center; padding: 96rpx; }
+.empty-icon { font-size: 96rpx; margin-bottom: 24rpx; opacity: 0.5; }
+.empty-text { font-size: 28rpx; color: rgba(255,255,255,0.4); }