Initial commit

wechat-mini-program/pages/coupon/coupon.js

@@ -0,0 +1,76 @@
+const app = getApp()
+
+Page({
+  data: {
+    coupons: []
+  },
+  onLoad() {
+    this.fetchCoupons();
+  },
+  fetchCoupons() {
+    const { request } = require('../../utils/request')
+    request({ url: '/coupons' })
+      .then((data) => {
+        const list = Array.isArray(data) ? data : (data && data.results) || []
+        this.setData({ coupons: list })
+      })
+      .catch(() => {
+        this.setData({
+          coupons: [
+            {
+              id: 1,
+              amount: '50',
+              unit: '元',
+              title: '新人见面礼',
+              desc: '无门槛使用，适用于所有课程',
+              expiry: '2023-12-31',
+              status: 'available',
+              color: 'from-blue-500 to-cyan-400',
+              bgStart: 'from-blue-50',
+              bgEnd: 'to-cyan-50',
+              shadow: 'shadow-blue-100'
+            },
+            {
+              id: 2,
+              amount: '8.5',
+              unit: '折',
+              title: '编程课程专享',
+              desc: '仅限编程开发类课程使用',
+              expiry: '2023-11-30',
+              status: 'available',
+              color: 'from-violet-500 to-fuchsia-500',
+              bgStart: 'from-violet-50',
+              bgEnd: 'to-fuchsia-50',
+              shadow: 'shadow-violet-100'
+            },
+            {
+              id: 3,
+              amount: '100',
+              unit: '元',
+              title: '高阶课程抵扣券',
+              desc: '满 999 元可用',
+              expiry: '2023-10-15',
+              status: 'claimed',
+              color: 'from-orange-400 to-rose-500',
+              bgStart: 'from-orange-50',
+              bgEnd: 'to-rose-50',
+              shadow: 'shadow-orange-100'
+            }
+          ]
+        })
+      })
+  },
+  handleClaim(e) {
+      const id = e.currentTarget.dataset.id;
+      if (this.data.coupons.find(c => c.id === id).status === 'claimed') return;
+
+      const updatedCoupons = this.data.coupons.map(c => 
+        c.id === id ? { ...c, status: 'claimed' } : c
+      );
+      this.setData({ coupons: updatedCoupons });
+      wx.showToast({
+        title: '领取成功',
+        icon: 'success'
+      })
+  }
+})