From 52c5a8abab0bdeba99a46b35b07a603727dcd8f0 Mon Sep 17 00:00:00 2001 From: Alex-larget <33240357+Alex-larget@users.noreply.github.com> Date: Wed, 25 Feb 2026 11:47:36 +0800 Subject: [PATCH] =?UTF-8?q?=E6=9B=B4=E6=96=B0=E5=BC=80=E5=8F=91=E6=96=87?= =?UTF-8?q?=E6=A1=A3=EF=BC=8C=E5=BC=BA=E8=B0=83=E6=8E=A5=E5=8F=A3=E8=B7=AF?= =?UTF-8?q?=E5=BE=84=E5=BF=85=E9=A1=BB=E6=8C=89=E4=BD=BF=E7=94=A8=E6=96=B9?= =?UTF-8?q?=E5=8C=BA=E5=88=86=EF=BC=8C=E7=A6=81=E6=AD=A2=E9=80=9A=E7=94=A8?= =?UTF-8?q?=E8=B7=AF=E5=BE=84=E6=B7=B7=E7=94=A8=E3=80=82=E6=96=B0=E5=A2=9E?= =?UTF-8?q?=E5=B0=8F=E7=A8=8B=E5=BA=8F=E5=88=86=E4=BA=AB=E5=8A=9F=E8=83=BD?= =?UTF-8?q?=EF=BC=8C=E7=BB=9F=E4=B8=80=E4=BD=BF=E7=94=A8=E6=8E=A8=E8=8D=90?= =?UTF-8?q?=E7=A0=81=EF=BC=8C=E7=A1=AE=E4=BF=9D=E7=94=A8=E6=88=B7=E4=BD=93?= =?UTF-8?q?=E9=AA=8C=E4=B8=80=E8=87=B4=E6=80=A7=E3=80=82?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- .cursor/rules/soul-api-boundary.mdc | 8 + .cursor/rules/soul-api-coding.mdc | 6 + .cursor/rules/soul-change-checklist.mdc | 4 +- .cursor/skills/SKILL-API开发.md | 2 +- .cursor/skills/SKILL-变更关联检查.md | 3 +- miniprogram/RESTORE-ANALYSIS.md | 54 + miniprogram/app.js | 32 +- miniprogram/pages/about/about.js | 8 + miniprogram/pages/addresses/addresses.js | 8 + miniprogram/pages/addresses/edit.js | 8 + miniprogram/pages/agreement/agreement.js | 8 + miniprogram/pages/chapters/chapters.js | 12 +- miniprogram/pages/index/index.js | 14 +- miniprogram/pages/match/match.js | 10 +- .../pages/member-detail/member-detail.js | 11 +- miniprogram/pages/my/my.js | 10 +- miniprogram/pages/privacy/privacy.js | 8 + miniprogram/pages/purchases/purchases.js | 10 +- miniprogram/pages/read/read.js | 12 +- miniprogram/pages/referral/referral.js | 12 +- miniprogram/pages/search/search.js | 8 + miniprogram/pages/settings/settings.js | 8 + miniprogram/pages/vip/vip.js | 10 +- .../withdraw-records/withdraw-records.js | 8 + miniprogram/utils/scene.js | 45 + miniprogram2/.gitignore | 14 + miniprogram2/README.md | 138 ++ miniprogram2/app.js | 575 +++++++ miniprogram2/app.json | 1 + miniprogram2/app.wxss | 606 ++++++++ miniprogram2/assets/icons/alert-circle.svg | 5 + miniprogram2/assets/icons/arrow-right.svg | 4 + miniprogram2/assets/icons/bell.svg | 4 + miniprogram2/assets/icons/book-open.svg | 4 + miniprogram2/assets/icons/book.svg | 4 + miniprogram2/assets/icons/chevron-left.svg | 3 + miniprogram2/assets/icons/gift.svg | 6 + miniprogram2/assets/icons/home-active.png | Bin 0 -> 699 bytes miniprogram2/assets/icons/home.png | Bin 0 -> 611 bytes miniprogram2/assets/icons/home.svg | 4 + miniprogram2/assets/icons/image.svg | 5 + miniprogram2/assets/icons/list.svg | 8 + miniprogram2/assets/icons/match-active.png | Bin 0 -> 907 bytes miniprogram2/assets/icons/match.png | Bin 0 -> 725 bytes miniprogram2/assets/icons/message-circle.svg | 3 + miniprogram2/assets/icons/my-active.png | Bin 0 -> 907 bytes miniprogram2/assets/icons/my.png | Bin 0 -> 725 bytes miniprogram2/assets/icons/partners.svg | 18 + miniprogram2/assets/icons/settings.svg | 4 + miniprogram2/assets/icons/share.svg | 7 + miniprogram2/assets/icons/sparkles.svg | 6 + miniprogram2/assets/icons/user.svg | 4 + miniprogram2/assets/icons/users.svg | 6 + miniprogram2/assets/icons/wallet.svg | 4 + miniprogram2/components/icon/README.md | 175 +++ miniprogram2/components/icon/icon.js | 83 + miniprogram2/components/icon/icon.json | 4 + miniprogram2/components/icon/icon.wxml | 5 + miniprogram2/components/icon/icon.wxss | 18 + miniprogram2/custom-tab-bar/index.js | 153 ++ miniprogram2/custom-tab-bar/index.json | 3 + miniprogram2/custom-tab-bar/index.wxml | 47 + miniprogram2/custom-tab-bar/index.wxss | 121 ++ miniprogram2/pages/about/about.js | 89 ++ miniprogram2/pages/about/about.json | 4 + miniprogram2/pages/about/about.wxml | 75 + miniprogram2/pages/about/about.wxss | 40 + miniprogram2/pages/addresses/addresses.js | 131 ++ miniprogram2/pages/addresses/addresses.json | 5 + miniprogram2/pages/addresses/addresses.wxml | 66 + miniprogram2/pages/addresses/addresses.wxss | 217 +++ miniprogram2/pages/addresses/edit.js | 209 +++ miniprogram2/pages/addresses/edit.json | 5 + miniprogram2/pages/addresses/edit.wxml | 101 ++ miniprogram2/pages/addresses/edit.wxss | 186 +++ miniprogram2/pages/agreement/agreement.js | 29 + miniprogram2/pages/agreement/agreement.json | 1 + miniprogram2/pages/agreement/agreement.wxml | 37 + miniprogram2/pages/agreement/agreement.wxss | 11 + miniprogram2/pages/chapters/chapters.js | 169 ++ miniprogram2/pages/chapters/chapters.json | 6 + miniprogram2/pages/chapters/chapters.wxml | 127 ++ miniprogram2/pages/chapters/chapters.wxss | 482 ++++++ miniprogram2/pages/index/index.js | 223 +++ miniprogram2/pages/index/index.json | 6 + miniprogram2/pages/index/index.wxml | 147 ++ miniprogram2/pages/index/index.wxss | 504 ++++++ miniprogram2/pages/match/match.js | 936 +++++++++++ miniprogram2/pages/match/match.json | 6 + miniprogram2/pages/match/match.wxml | 373 +++++ miniprogram2/pages/match/match.wxss | 1380 +++++++++++++++++ miniprogram2/pages/my/my.js | 745 +++++++++ miniprogram2/pages/my/my.json | 6 + miniprogram2/pages/my/my.wxml | 307 ++++ miniprogram2/pages/my/my.wxss | 1296 ++++++++++++++++ miniprogram2/pages/privacy/privacy.js | 29 + miniprogram2/pages/privacy/privacy.json | 1 + miniprogram2/pages/privacy/privacy.wxml | 40 + miniprogram2/pages/privacy/privacy.wxss | 11 + .../pages/profile-edit/profile-edit.js | 188 +++ .../pages/profile-edit/profile-edit.json | 4 + .../pages/profile-edit/profile-edit.wxml | 125 ++ .../pages/profile-edit/profile-edit.wxss | 263 ++++ miniprogram2/pages/purchases/purchases.js | 72 + miniprogram2/pages/purchases/purchases.json | 4 + miniprogram2/pages/purchases/purchases.wxml | 36 + miniprogram2/pages/purchases/purchases.wxss | 21 + miniprogram2/pages/read/FLOW.txt | 199 +++ miniprogram2/pages/read/read.js | 1355 ++++++++++++++++ miniprogram2/pages/read/read.js.backup | 1055 +++++++++++++ miniprogram2/pages/read/read.json | 9 + miniprogram2/pages/read/read.wxml | 313 ++++ miniprogram2/pages/read/read.wxss | 1009 ++++++++++++ .../referral/earnings-detail-styles.wxss | 182 +++ .../pages/referral/referral-temp.wxss | 379 +++++ miniprogram2/pages/referral/referral.js | 856 ++++++++++ miniprogram2/pages/referral/referral.json | 6 + miniprogram2/pages/referral/referral.wxml | 307 ++++ miniprogram2/pages/referral/referral.wxss | 376 +++++ .../pages/referral/referral.wxss.backup | 379 +++++ .../pages/referral/referral.wxss.broken | 379 +++++ miniprogram2/pages/scan/scan.js | 157 ++ miniprogram2/pages/scan/scan.json | 1 + miniprogram2/pages/scan/scan.wxml | 81 + miniprogram2/pages/scan/scan.wxss | 248 +++ miniprogram2/pages/search/search.js | 118 ++ miniprogram2/pages/search/search.json | 5 + miniprogram2/pages/search/search.wxml | 115 ++ miniprogram2/pages/search/search.wxss | 335 ++++ miniprogram2/pages/settings/settings.js | 446 ++++++ miniprogram2/pages/settings/settings.json | 4 + miniprogram2/pages/settings/settings.wxml | 146 ++ miniprogram2/pages/settings/settings.wxss | 114 ++ .../withdraw-records/withdraw-records.js | 131 ++ .../withdraw-records/withdraw-records.json | 4 + .../withdraw-records/withdraw-records.wxml | 25 + .../withdraw-records/withdraw-records.wxss | 71 + miniprogram2/project.config.json | 62 + miniprogram2/project.private.config.json | 36 + miniprogram2/sitemap.json | 7 + miniprogram2/utils/chapterAccessManager.js | 206 +++ miniprogram2/utils/payment.js | 211 +++ miniprogram2/utils/readingTracker.js | 246 +++ miniprogram2/utils/scene.js | 45 + miniprogram2/utils/util.js | 182 +++ 145 files changed, 20844 insertions(+), 30 deletions(-) create mode 100644 miniprogram/RESTORE-ANALYSIS.md create mode 100644 miniprogram/utils/scene.js create mode 100644 miniprogram2/.gitignore create mode 100644 miniprogram2/README.md create mode 100644 miniprogram2/app.js create mode 100644 miniprogram2/app.json create mode 100644 miniprogram2/app.wxss create mode 100644 miniprogram2/assets/icons/alert-circle.svg create mode 100644 miniprogram2/assets/icons/arrow-right.svg create mode 100644 miniprogram2/assets/icons/bell.svg create mode 100644 miniprogram2/assets/icons/book-open.svg create mode 100644 miniprogram2/assets/icons/book.svg create mode 100644 miniprogram2/assets/icons/chevron-left.svg create mode 100644 miniprogram2/assets/icons/gift.svg create mode 100644 miniprogram2/assets/icons/home-active.png create mode 100644 miniprogram2/assets/icons/home.png create mode 100644 miniprogram2/assets/icons/home.svg create mode 100644 miniprogram2/assets/icons/image.svg create mode 100644 miniprogram2/assets/icons/list.svg create mode 100644 miniprogram2/assets/icons/match-active.png create mode 100644 miniprogram2/assets/icons/match.png create mode 100644 miniprogram2/assets/icons/message-circle.svg create mode 100644 miniprogram2/assets/icons/my-active.png create mode 100644 miniprogram2/assets/icons/my.png create mode 100644 miniprogram2/assets/icons/partners.svg create mode 100644 miniprogram2/assets/icons/settings.svg create mode 100644 miniprogram2/assets/icons/share.svg create mode 100644 miniprogram2/assets/icons/sparkles.svg create mode 100644 miniprogram2/assets/icons/user.svg create mode 100644 miniprogram2/assets/icons/users.svg create mode 100644 miniprogram2/assets/icons/wallet.svg create mode 100644 miniprogram2/components/icon/README.md create mode 100644 miniprogram2/components/icon/icon.js create mode 100644 miniprogram2/components/icon/icon.json create mode 100644 miniprogram2/components/icon/icon.wxml create mode 100644 miniprogram2/components/icon/icon.wxss create mode 100644 miniprogram2/custom-tab-bar/index.js create mode 100644 miniprogram2/custom-tab-bar/index.json create mode 100644 miniprogram2/custom-tab-bar/index.wxml create mode 100644 miniprogram2/custom-tab-bar/index.wxss create mode 100644 miniprogram2/pages/about/about.js create mode 100644 miniprogram2/pages/about/about.json create mode 100644 miniprogram2/pages/about/about.wxml create mode 100644 miniprogram2/pages/about/about.wxss create mode 100644 miniprogram2/pages/addresses/addresses.js create mode 100644 miniprogram2/pages/addresses/addresses.json create mode 100644 miniprogram2/pages/addresses/addresses.wxml create mode 100644 miniprogram2/pages/addresses/addresses.wxss create mode 100644 miniprogram2/pages/addresses/edit.js create mode 100644 miniprogram2/pages/addresses/edit.json create mode 100644 miniprogram2/pages/addresses/edit.wxml create mode 100644 miniprogram2/pages/addresses/edit.wxss create mode 100644 miniprogram2/pages/agreement/agreement.js create mode 100644 miniprogram2/pages/agreement/agreement.json create mode 100644 miniprogram2/pages/agreement/agreement.wxml create mode 100644 miniprogram2/pages/agreement/agreement.wxss create mode 100644 miniprogram2/pages/chapters/chapters.js create mode 100644 miniprogram2/pages/chapters/chapters.json create mode 100644 miniprogram2/pages/chapters/chapters.wxml create mode 100644 miniprogram2/pages/chapters/chapters.wxss create mode 100644 miniprogram2/pages/index/index.js create mode 100644 miniprogram2/pages/index/index.json create mode 100644 miniprogram2/pages/index/index.wxml create mode 100644 miniprogram2/pages/index/index.wxss create mode 100644 miniprogram2/pages/match/match.js create mode 100644 miniprogram2/pages/match/match.json create mode 100644 miniprogram2/pages/match/match.wxml create mode 100644 miniprogram2/pages/match/match.wxss create mode 100644 miniprogram2/pages/my/my.js create mode 100644 miniprogram2/pages/my/my.json create mode 100644 miniprogram2/pages/my/my.wxml create mode 100644 miniprogram2/pages/my/my.wxss create mode 100644 miniprogram2/pages/privacy/privacy.js create mode 100644 miniprogram2/pages/privacy/privacy.json create mode 100644 miniprogram2/pages/privacy/privacy.wxml create mode 100644 miniprogram2/pages/privacy/privacy.wxss create mode 100644 miniprogram2/pages/profile-edit/profile-edit.js create mode 100644 miniprogram2/pages/profile-edit/profile-edit.json create mode 100644 miniprogram2/pages/profile-edit/profile-edit.wxml create mode 100644 miniprogram2/pages/profile-edit/profile-edit.wxss create mode 100644 miniprogram2/pages/purchases/purchases.js create mode 100644 miniprogram2/pages/purchases/purchases.json create mode 100644 miniprogram2/pages/purchases/purchases.wxml create mode 100644 miniprogram2/pages/purchases/purchases.wxss create mode 100644 miniprogram2/pages/read/FLOW.txt create mode 100644 miniprogram2/pages/read/read.js create mode 100644 miniprogram2/pages/read/read.js.backup create mode 100644 miniprogram2/pages/read/read.json create mode 100644 miniprogram2/pages/read/read.wxml create mode 100644 miniprogram2/pages/read/read.wxss create mode 100644 miniprogram2/pages/referral/earnings-detail-styles.wxss create mode 100644 miniprogram2/pages/referral/referral-temp.wxss create mode 100644 miniprogram2/pages/referral/referral.js create mode 100644 miniprogram2/pages/referral/referral.json create mode 100644 miniprogram2/pages/referral/referral.wxml create mode 100644 miniprogram2/pages/referral/referral.wxss create mode 100644 miniprogram2/pages/referral/referral.wxss.backup create mode 100644 miniprogram2/pages/referral/referral.wxss.broken create mode 100644 miniprogram2/pages/scan/scan.js create mode 100644 miniprogram2/pages/scan/scan.json create mode 100644 miniprogram2/pages/scan/scan.wxml create mode 100644 miniprogram2/pages/scan/scan.wxss create mode 100644 miniprogram2/pages/search/search.js create mode 100644 miniprogram2/pages/search/search.json create mode 100644 miniprogram2/pages/search/search.wxml create mode 100644 miniprogram2/pages/search/search.wxss create mode 100644 miniprogram2/pages/settings/settings.js create mode 100644 miniprogram2/pages/settings/settings.json create mode 100644 miniprogram2/pages/settings/settings.wxml create mode 100644 miniprogram2/pages/settings/settings.wxss create mode 100644 miniprogram2/pages/withdraw-records/withdraw-records.js create mode 100644 miniprogram2/pages/withdraw-records/withdraw-records.json create mode 100644 miniprogram2/pages/withdraw-records/withdraw-records.wxml create mode 100644 miniprogram2/pages/withdraw-records/withdraw-records.wxss create mode 100644 miniprogram2/project.config.json create mode 100644 miniprogram2/project.private.config.json create mode 100644 miniprogram2/sitemap.json create mode 100644 miniprogram2/utils/chapterAccessManager.js create mode 100644 miniprogram2/utils/payment.js create mode 100644 miniprogram2/utils/readingTracker.js create mode 100644 miniprogram2/utils/scene.js create mode 100644 miniprogram2/utils/util.js diff --git a/.cursor/rules/soul-api-boundary.mdc b/.cursor/rules/soul-api-boundary.mdc index 025e8bea..7339b3a2 100644 --- a/.cursor/rules/soul-api-boundary.mdc +++ b/.cursor/rules/soul-api-boundary.mdc @@ -10,10 +10,18 @@ alwaysApply: false ## 路由按使用方归类（强制） +**新增接口时，必须先判断使用方（小程序 / 管理端 / 两端共用），再决定挂到哪个 Group。禁止写「通用路径」让两端混用。** + - **仅管理端用的接口**：只挂在 `admin` 或 `db` 组（`/api/admin/*`、`/api/db/*`），**不得**在 `miniprogram` 组注册。 - **仅小程序用的接口**：只挂在 `miniprogram` 组（`/api/miniprogram/*`），**不得**仅在 admin/db 下注册而让小程序去调 `/api/xxx`。 - **两端共用的接口**：在 `api` 下挂一份，并在 `miniprogram` 组内用同一 handler 再挂一遍，保证小程序统一走 `/api/miniprogram/xxx`；handler 注释中标明使用方（如「小程序-提现记录」「管理端-提现列表」）。 +**重要**：即使业务逻辑完全相同，**也必须按使用方做路径区分**。例如 VIP 相关接口，若小程序和管理端都要用，应提供： +- 管理端：`/api/admin/vip/*` 或 `/api/db/vip/*` +- 小程序：`/api/miniprogram/vip/*`（可复用同一 handler，但路径必须显式挂到 miniprogram 组） + +不得仅提供 `/api/vip/*` 让两端共用，违反项目边界约定。 + ## 禁止行为 - 禁止在 `miniprogram` 组挂仅管理端调用的接口（如后台审核、DB 初始化）。 diff --git a/.cursor/rules/soul-api-coding.mdc b/.cursor/rules/soul-api-coding.mdc index ee75f35c..c08aca39 100644 --- a/.cursor/rules/soul-api-coding.mdc +++ b/.cursor/rules/soul-api-coding.mdc @@ -61,6 +61,12 @@ alwaysApply: false - **两端共用的接口**：在 `router.go` 里两处都注册同一 handler：先写在 `api` 的对应区块（如「推荐」「用户」），再在 `// ----- 小程序组 -----` 里用 `miniprogram.GET/POST(... path, handler.XXX)` 挂一遍，保证小程序统一走 `/api/miniprogram/xxx`。 - handler 注释和路由注释中标明使用方，例如：`// GET /api/miniprogram/withdraw/records 小程序-提现记录`、`// GET /api/admin/withdrawals 管理端-提现列表`。 +**工程师必守：即使业务逻辑完全相同，也必须按使用方做路径区分。** 例如 VIP 相关接口（status、profile、members 等），若小程序和管理端都要用： +- 管理端：`/api/admin/vip/*` 或 `/api/db/vip/*` +- 小程序：`/api/miniprogram/vip/*`（可复用同一 handler，但路径必须显式挂到 miniprogram 组） + +禁止仅提供 `/api/vip/*` 等「通用路径」让两端混用，违反项目边界。 + **管理端列表接口返回约定**：列表类接口（如 withdrawals、orders、users）的响应应包含 soul-admin 通用展示所需字段：`user_name` 或 `userNickname`、`userAvatar`、`status`、`amount`（金额用数字）。提现状态：数据库存值 `pending`/`processing`/`success`/`failed`，前端展示可映射 `success`→`completed`、`failed`→`rejected`。 ## 5. 目录与包约定 diff --git a/.cursor/rules/soul-change-checklist.mdc b/.cursor/rules/soul-change-checklist.mdc index e075d8f8..a8e1a4e2 100644 --- a/.cursor/rules/soul-change-checklist.mdc +++ b/.cursor/rules/soul-change-checklist.mdc @@ -15,7 +15,7 @@ alwaysApply: false | **前端（小程序或管理端）** 新增/改了**字段**或**接口入参/出参** | soul-api 对应接口的 request/response、model 是否已改？数据库表是否有对应列（无则加迁移/字段）？ | | **小程序** 新增或改了一个**功能**（页面、能力、配置项） | soul-api 是否已有或需新增接口（挂到 `/api/miniprogram/...`）？**管理端**是否需要对应的**配置、审核、统计、列表**？ | | **管理端** 新增或改了**列表/表单/配置项** | soul-api 的 admin/db 接口是否已提供对应数据或写接口？字段名与类型是否与前端一致？ | -| **soul-api** 新增/改了**接口**（路径、请求体、响应体、model） | 小程序或管理端是否有**调用处**？类型/字段是否已同步更新？若改了表结构，迁移是否已加？ | +| **soul-api** 新增/改了**接口**（路径、请求体、响应体、model） | 小程序或管理端是否有**调用处**？类型/字段是否已同步更新？若改了表结构，迁移是否已加？**路径是否按使用方区分**（小程序用 `/api/miniprogram/*`，管理端用 `/api/admin/*` 或 `/api/db/*`，禁止通用路径混用）？ | | **soul-api** 新增/改了**表或字段** | 相关 handler、model 是否已改？是否有接口暴露给小程序/管理端？若有，前端是否已对接？ | ## 二、按「业务功能」想三端 @@ -23,7 +23,7 @@ alwaysApply: false 以**功能/领域**为单位（如：提现、推荐、章节权限、找伙伴、配置项），问一句： - **小程序**：用户侧是否已实现/已更新？ -- **soul-api**：接口是否在正确路由组（miniprogram / admin / db）、请求响应是否一致？ +- **soul-api**：接口是否在正确路由组（miniprogram / admin / db）、请求响应是否一致？若两端共用，是否显式挂到 miniprogram 组（`/api/miniprogram/xxx`），禁止仅提供 `/api/xxx` 混用？ - **管理端**：该功能是否需要**配置、审核、统计、列表**？有则需在 soul-admin 与 soul-api 的 admin/db 下补齐。 ## 三、执行约定 diff --git a/.cursor/skills/SKILL-API开发.md b/.cursor/skills/SKILL-API开发.md index e12072e1..b3e855e8 100644 --- a/.cursor/skills/SKILL-API开发.md +++ b/.cursor/skills/SKILL-API开发.md @@ -30,7 +30,7 @@ description: Soul 创业派对后端 API 开发规范。在 soul-api/ 下编辑 - **仅小程序用的接口**：只挂在 `miniprogram`（如小程序登录、支付、提现、小程序码、推荐绑定等）。 - **两端共用**：在 `api` 下挂一份，再在 `miniprogram` 组里用同 handler 挂一遍，保证小程序统一走 `/api/miniprogram/xxx`；handler 注释标明使用方。 -新增或修改接口时：**先确定使用方（小程序 / 管理端 / 共用） → 再决定挂到哪个 Group → 再实现 handler**。 +**工程师必守**：新增或修改接口时，**先判断使用方（小程序 / 管理端 / 两端共用） → 再决定挂到哪个 Group → 再实现 handler**。即使业务逻辑完全相同，**也必须按使用方做路径区分**，禁止仅提供 `/api/xxx` 等通用路径让两端混用。例如 VIP 相关接口，若两端都要用，应提供 `/api/admin/vip/*`（或 `/api/db/vip/*`）和 `/api/miniprogram/vip/*`，可复用同一 handler，但路径必须显式挂到对应组。 --- diff --git a/.cursor/skills/SKILL-变更关联检查.md b/.cursor/skills/SKILL-变更关联检查.md index a450d695..7a167728 100644 --- a/.cursor/skills/SKILL-变更关联检查.md +++ b/.cursor/skills/SKILL-变更关联检查.md @@ -37,6 +37,7 @@ description: Soul 创业派对变更关联检查。miniprogram/soul-admin/soul-a - **新增/改了接口** - 谁在调？**小程序**还是**管理端**？确认调用方已更新请求/响应类型或字段；若尚未有调用方，在清单中注明「待小程序/管理端对接」。 + - **路径是否按使用方区分**？小程序必须走 `/api/miniprogram/*`，管理端走 `/api/admin/*` 或 `/api/db/*`。若两端共用同一逻辑，需在 miniprogram 组显式挂一份（如 `/api/miniprogram/vip/status`），禁止仅提供 `/api/vip/*` 让两端混用。 - **新增/改了 model 或表结构** - 是否有接口暴露该表/字段？有则请求/响应要带上；前端若展示或提交该字段，需同步改。 - **在 miniprogram 组挂了新接口** @@ -81,7 +82,7 @@ description: Soul 创业派对变更关联检查。miniprogram/soul-admin/soul-a ## 5. 与其它约定配合 -- **路径与使用方**：仍遵守 soul-miniprogram-boundary、soul-admin-boundary、soul-api-boundary（谁调哪组接口、谁挂哪条路由）。 +- **路径与使用方**：仍遵守 soul-miniprogram-boundary、soul-admin-boundary、soul-api-boundary（谁调哪组接口、谁挂哪条路由）。后端工程师新增接口时，必须先判断使用方，再挂到对应 Group；即使逻辑完全相同，也必须按使用方做路径区分，禁止通用路径混用。 - **业务逻辑图/文档**：若项目内有「业务代码逻辑图」或架构说明，本次变更若影响模块/接口/数据流，建议同步更新该图或文档，便于新 Agent 或新人快速了解当前状态。 本 Skill 与 **soul-change-checklist.mdc** 一起用，可系统化减少「只改一端、其它端漏改」的问题。 diff --git a/miniprogram/RESTORE-ANALYSIS.md b/miniprogram/RESTORE-ANALYSIS.md new file mode 100644 index 00000000..bcca5be5 --- /dev/null +++ b/miniprogram/RESTORE-ANALYSIS.md @@ -0,0 +1,54 @@ +# miniprogram 功能还原分析报告 + +## 一、对比结论 + +| 项目 | miniprogram（甲方） | miniprogram2（你写的） | +|------|-------------------|------------------------| +| 页面分享 | 仅 read、referral 有 | 几乎所有页面都有 | +| scene 解析 | 无 | 有 utils/scene.js | +| 推荐码获取 | 分散（userInfo?.referralCode 等） | 统一 app.getMyReferralCode() | +| 书籍 API | /api/book/all-chapters | /api/miniprogram/book/all-chapters | +| 特有页面 | vip、member-detail | scan、profile-edit | + +## 二、已完成的还原项 + +### 1. 基础能力（app.js + utils/scene.js） + +- **新增** `utils/scene.js`：扫码 scene 参数编解码，支持 `mid`、`id`、`ref` +- **app.js**： + - 引入 `parseScene`，`handleReferralCode` 支持 `options.scene` 解析 + - 新增 `getMyReferralCode()`：统一获取邀请码 + - 新增 `getSectionMid(sectionId)`：根据 id 查 mid + - `loadBookData` 改为 `/api/miniprogram/book/all-chapters` + +### 2. 页面分享（onShareAppMessage） + +已为以下页面补充分享，路径统一带 `ref` 参数： + +- index、chapters、match、my +- read、referral（原有，已统一用 getMyReferralCode） +- search、settings、purchases、privacy +- withdraw-records、addresses、addresses/edit +- agreement、about、vip、member-detail + +### 3. read.js 分享逻辑 + +- 使用 `app.getMyReferralCode()` 替代 `userInfo?.referralCode || wx.getStorageSync('referralCode')` +- 保持 `onShareAppMessage`、`onShareTimeline` 行为不变 + +### 4. API 路径修正 + +- `app.loadBookData`：`/api/book/all-chapters` → `/api/miniprogram/book/all-chapters` +- `index.loadBookData`、`loadFeaturedFromServer`、`loadLatestChapters`：同上 +- `chapters.loadDailyChapters`：同上 + +## 三、未改动项（保留甲方逻辑） + +- **vip 相关接口**：`/api/vip/members`、`/api/vip/status`、`/api/vip/profile` 仍为原路径，未改为 `/api/miniprogram/*`（若 soul-api 无对应 miniprogram 接口，需后端补充） +- **页面结构**：保留 vip、member-detail，未引入 scan、profile-edit + +## 四、后续建议 + +1. **soul-api 路由**：确认 `/api/miniprogram/book/all-chapters` 已注册；若 vip 需在小程序使用，建议在 miniprogram 组下增加等价接口。 +2. **referral.js**：检查是否已使用 `app.getMyReferralCode()`，若仍用旧方式可统一替换。 +3. **read.js 的 mid 支持**：miniprogram2 的 read 支持 `mid` 参数（便于扫码直达），若需要可在 miniprogram 的 read 中补充 `sectionMid` 与 `getShareConfig` 的 mid 逻辑。 diff --git a/miniprogram/app.js b/miniprogram/app.js index 8b507f28..c88ab908 100644 --- a/miniprogram/app.js +++ b/miniprogram/app.js @@ -3,6 +3,8 @@ * 开发: 卡若 */ +const { parseScene } = require('./utils/scene.js') + App({ globalData: { // API基础地址 - 连接真实后端 @@ -77,11 +79,17 @@ App({ this.handleReferralCode(options) }, - // 处理推荐码绑定 + // 处理推荐码绑定：官方以 options.scene 接收扫码参数（可同时带 mid/id + ref），与 utils/scene 解析闭环 handleReferralCode(options) { const query = options?.query || {} - const refCode = query.ref || query.referralCode - + let refCode = query.ref || query.referralCode + const sceneStr = (options && (typeof options.scene === 'string' ? options.scene : '')) || '' + if (sceneStr) { + const parsed = parseScene(sceneStr) + if (parsed.mid) this.globalData.initialSectionMid = parsed.mid + if (parsed.id) this.globalData.initialSectionId = parsed.id + if (parsed.ref) refCode = parsed.ref + } if (refCode) { console.log('[App] 检测到推荐码:', refCode) @@ -156,6 +164,22 @@ App({ } }, + // 根据业务 id 从 bookData 查 mid（用于跳转） + getSectionMid(sectionId) { + const list = this.globalData.bookData || [] + const ch = list.find(c => c.id === sectionId) + return ch?.mid || 0 + }, + + // 获取当前用户的邀请码（用于分享带 ref，未登录返回空字符串） + getMyReferralCode() { + const user = this.globalData.userInfo + if (!user) return '' + if (user.referralCode) return user.referralCode + if (user.id) return 'SOUL' + String(user.id).toUpperCase().slice(-6) + return '' + }, + // 获取系统信息 getSystemInfo() { try { @@ -200,7 +224,7 @@ App({ } // 从服务器获取最新数据 - const res = await this.request('/api/book/all-chapters') + const res = await this.request('/api/miniprogram/book/all-chapters') if (res && (res.data || res.chapters)) { const chapters = res.data || res.chapters || [] this.globalData.bookData = chapters diff --git a/miniprogram/pages/about/about.js b/miniprogram/pages/about/about.js index 8f19cc60..b337a620 100644 --- a/miniprogram/pages/about/about.js +++ b/miniprogram/pages/about/about.js @@ -77,5 +77,13 @@ Page({ // 返回 goBack() { wx.navigateBack() + }, + + onShareAppMessage() { + const ref = app.getMyReferralCode() + return { + title: 'Soul创业派对 - 关于', + path: ref ? `/pages/about/about?ref=${ref}` : '/pages/about/about' + } } }) diff --git a/miniprogram/pages/addresses/addresses.js b/miniprogram/pages/addresses/addresses.js index 685528cf..c3dfda61 100644 --- a/miniprogram/pages/addresses/addresses.js +++ b/miniprogram/pages/addresses/addresses.js @@ -119,5 +119,13 @@ Page({ // 返回 goBack() { wx.navigateBack() + }, + + onShareAppMessage() { + const ref = app.getMyReferralCode() + return { + title: 'Soul创业派对 - 地址管理', + path: ref ? `/pages/addresses/addresses?ref=${ref}` : '/pages/addresses/addresses' + } } }) diff --git a/miniprogram/pages/addresses/edit.js b/miniprogram/pages/addresses/edit.js index 9542c1dc..4f45893c 100644 --- a/miniprogram/pages/addresses/edit.js +++ b/miniprogram/pages/addresses/edit.js @@ -197,5 +197,13 @@ Page({ // 返回 goBack() { wx.navigateBack() + }, + + onShareAppMessage() { + const ref = app.getMyReferralCode() + return { + title: 'Soul创业派对 - 编辑地址', + path: ref ? `/pages/addresses/edit?ref=${ref}` : '/pages/addresses/edit' + } } }) diff --git a/miniprogram/pages/agreement/agreement.js b/miniprogram/pages/agreement/agreement.js index aedd4c68..cff31e3b 100644 --- a/miniprogram/pages/agreement/agreement.js +++ b/miniprogram/pages/agreement/agreement.js @@ -17,5 +17,13 @@ Page({ goBack() { wx.navigateBack() + }, + + onShareAppMessage() { + const ref = app.getMyReferralCode() + return { + title: 'Soul创业派对 - 用户协议', + path: ref ? `/pages/agreement/agreement?ref=${ref}` : '/pages/agreement/agreement' + } } }) diff --git a/miniprogram/pages/chapters/chapters.js b/miniprogram/pages/chapters/chapters.js index d002ed2a..ff1c4787 100644 --- a/miniprogram/pages/chapters/chapters.js +++ b/miniprogram/pages/chapters/chapters.js @@ -217,7 +217,7 @@ Page({ async loadTotalFromServer() { try { - const res = await app.request({ url: '/api/book/all-chapters', silent: true }) + const res = await app.request({ url: '/api/miniprogram/book/all-chapters', silent: true }) if (res && res.total) { this.setData({ totalSections: res.total }) } @@ -270,7 +270,7 @@ Page({ async loadDailyChapters() { try { - const res = await app.request({ url: '/api/book/all-chapters', silent: true }) + const res = await app.request({ url: '/api/miniprogram/book/all-chapters', silent: true }) const chapters = (res && res.data) || (res && res.chapters) || [] const daily = chapters .filter(c => (c.sectionOrder || c.sort_order || 0) > 62) @@ -294,5 +294,13 @@ Page({ // 跳转到搜索页 goToSearch() { wx.navigateTo({ url: '/pages/search/search' }) + }, + + onShareAppMessage() { + const ref = app.getMyReferralCode() + return { + title: 'Soul创业派对 - 目录', + path: ref ? `/pages/chapters/chapters?ref=${ref}` : '/pages/chapters/chapters' + } } }) diff --git a/miniprogram/pages/index/index.js b/miniprogram/pages/index/index.js index 1cf16fc9..75154d66 100644 --- a/miniprogram/pages/index/index.js +++ b/miniprogram/pages/index/index.js @@ -149,7 +149,7 @@ Page({ // 从服务端获取精选推荐（加权算法：阅读量50% + 时效30% + 付款率20%）和最新更新 async loadFeaturedFromServer() { try { - const res = await app.request({ url: '/api/book/all-chapters', silent: true }) + const res = await app.request({ url: '/api/miniprogram/book/all-chapters', silent: true }) const chapters = (res && res.data) ? res.data : (res && res.chapters) ? res.chapters : [] let featured = (res && res.featuredSections) ? res.featuredSections : [] // 服务端未返回精选时，从前端按更新时间取前3条有效章节作为回退 @@ -199,7 +199,7 @@ Page({ async loadBookData() { try { - const res = await app.request({ url: '/api/book/all-chapters', silent: true }) + const res = await app.request({ url: '/api/miniprogram/book/all-chapters', silent: true }) if (res && (res.data || res.chapters)) { const chapters = res.data || res.chapters || [] this.setData({ @@ -254,7 +254,7 @@ Page({ async loadLatestChapters() { try { - const res = await app.request({ url: '/api/book/all-chapters', silent: true }) + const res = await app.request({ url: '/api/miniprogram/book/all-chapters', silent: true }) const chapters = (res && res.data) || (res && res.chapters) || [] const latest = chapters .filter(c => (c.sectionOrder || c.sort_order || 0) > 62) @@ -288,5 +288,13 @@ Page({ await this.initData() this.updateUserStatus() wx.stopPullDownRefresh() + }, + + onShareAppMessage() { + const ref = app.getMyReferralCode() + return { + title: 'Soul创业派对 - 真实商业故事', + path: ref ? `/pages/index/index?ref=${ref}` : '/pages/index/index' + } } }) diff --git a/miniprogram/pages/match/match.js b/miniprogram/pages/match/match.js index 6d3b9d87..31a5055f 100644 --- a/miniprogram/pages/match/match.js +++ b/miniprogram/pages/match/match.js @@ -659,5 +659,13 @@ Page({ }, // 阻止事件冒泡 - preventBubble() {} + preventBubble() {}, + + onShareAppMessage() { + const ref = app.getMyReferralCode() + return { + title: 'Soul创业派对 - 找伙伴', + path: ref ? `/pages/match/match?ref=${ref}` : '/pages/match/match' + } + } }) diff --git a/miniprogram/pages/member-detail/member-detail.js b/miniprogram/pages/member-detail/member-detail.js index 04533440..a70cc4fc 100644 --- a/miniprogram/pages/member-detail/member-detail.js +++ b/miniprogram/pages/member-detail/member-detail.js @@ -87,5 +87,14 @@ Page({ goToMatch() { wx.switchTab({ url: '/pages/match/match' }) }, goToVip() { wx.navigateTo({ url: '/pages/vip/vip' }) }, - goBack() { wx.navigateBack() } + goBack() { wx.navigateBack() }, + + onShareAppMessage() { + const ref = app.getMyReferralCode() + const id = this.data.member?.id + return { + title: 'Soul创业派对 - 创业者详情', + path: id && ref ? `/pages/member-detail/member-detail?id=${id}&ref=${ref}` : id ? `/pages/member-detail/member-detail?id=${id}` : ref ? `/pages/member-detail/member-detail?ref=${ref}` : '/pages/member-detail/member-detail' + } + } }) diff --git a/miniprogram/pages/my/my.js b/miniprogram/pages/my/my.js index becc5a0f..dd659d65 100644 --- a/miniprogram/pages/my/my.js +++ b/miniprogram/pages/my/my.js @@ -711,5 +711,13 @@ Page({ }, // 阻止冒泡 - stopPropagation() {} + stopPropagation() {}, + + onShareAppMessage() { + const ref = app.getMyReferralCode() + return { + title: 'Soul创业派对 - 我的', + path: ref ? `/pages/my/my?ref=${ref}` : '/pages/my/my' + } + } }) diff --git a/miniprogram/pages/privacy/privacy.js b/miniprogram/pages/privacy/privacy.js index 0cd665db..0c95c06e 100644 --- a/miniprogram/pages/privacy/privacy.js +++ b/miniprogram/pages/privacy/privacy.js @@ -17,5 +17,13 @@ Page({ goBack() { wx.navigateBack() + }, + + onShareAppMessage() { + const ref = app.getMyReferralCode() + return { + title: 'Soul创业派对 - 隐私政策', + path: ref ? `/pages/privacy/privacy?ref=${ref}` : '/pages/privacy/privacy' + } } }) diff --git a/miniprogram/pages/purchases/purchases.js b/miniprogram/pages/purchases/purchases.js index c458ad74..ab6b73bb 100644 --- a/miniprogram/pages/purchases/purchases.js +++ b/miniprogram/pages/purchases/purchases.js @@ -63,5 +63,13 @@ Page({ wx.navigateTo({ url: `/pages/read/read?id=${id}` }) }, - goBack() { wx.navigateBack() } + goBack() { wx.navigateBack() }, + + onShareAppMessage() { + const ref = app.getMyReferralCode() + return { + title: 'Soul创业派对 - 购买记录', + path: ref ? `/pages/purchases/purchases?ref=${ref}` : '/pages/purchases/purchases' + } + } }) diff --git a/miniprogram/pages/read/read.js b/miniprogram/pages/read/read.js index 6e9fface..d9e7cee9 100644 --- a/miniprogram/pages/read/read.js +++ b/miniprogram/pages/read/read.js @@ -454,11 +454,10 @@ Page({ }) }, - // 分享到微信 - 自动带分享人ID + // 分享到微信 - 自动带分享人ID（统一使用 app.getMyReferralCode） onShareAppMessage() { const { section, sectionId } = this.data - const userInfo = app.globalData.userInfo - const referralCode = userInfo?.referralCode || wx.getStorageSync('referralCode') || '' + const ref = app.getMyReferralCode() // 分享标题优化 const shareTitle = section?.title @@ -467,7 +466,7 @@ Page({ return { title: shareTitle, - path: `/pages/read/read?id=${sectionId}${referralCode ? '&ref=' + referralCode : ''}`, + path: `/pages/read/read?id=${sectionId}${ref ? '&ref=' + ref : ''}`, imageUrl: '/assets/share-cover.png' // 可配置分享封面图 } }, @@ -475,12 +474,11 @@ Page({ // 分享到朋友圈 onShareTimeline() { const { section, sectionId } = this.data - const userInfo = app.globalData.userInfo - const referralCode = userInfo?.referralCode || '' + const ref = app.getMyReferralCode() return { title: `${section?.title || 'Soul创业派对'} - 来自派对房的真实故事`, - query: `id=${sectionId}${referralCode ? '&ref=' + referralCode : ''}` + query: `id=${sectionId}${ref ? '&ref=' + ref : ''}` } }, diff --git a/miniprogram/pages/referral/referral.js b/miniprogram/pages/referral/referral.js index b56fdc74..9985baff 100644 --- a/miniprogram/pages/referral/referral.js +++ b/miniprogram/pages/referral/referral.js @@ -877,12 +877,13 @@ Page({ }) }, - // 分享 - 带推荐码 + // 分享 - 带推荐码（优先用页面数据，空时用 app.getMyReferralCode） onShareAppMessage() { - console.log('[Referral] 分享给好友，推荐码:', this.data.referralCode) + const ref = this.data.referralCode || app.getMyReferralCode() + console.log('[Referral] 分享给好友，推荐码:', ref) return { title: 'Soul创业派对 - 来自派对房的真实商业故事', - path: `/pages/index/index?ref=${this.data.referralCode}` + path: ref ? `/pages/index/index?ref=${ref}` : '/pages/index/index' // 不设置 imageUrl，使用小程序默认截图 // 如需自定义图片，请将图片放在 /assets/ 目录并配置路径 } @@ -890,10 +891,11 @@ Page({ // 分享到朋友圈 onShareTimeline() { - console.log('[Referral] 分享到朋友圈，推荐码:', this.data.referralCode) + const ref = this.data.referralCode || app.getMyReferralCode() + console.log('[Referral] 分享到朋友圈，推荐码:', ref) return { title: `Soul创业派对 - 62个真实商业案例`, - query: `ref=${this.data.referralCode}` + query: ref ? `ref=${ref}` : '' // 不设置 imageUrl，使用小程序默认截图 } }, diff --git a/miniprogram/pages/search/search.js b/miniprogram/pages/search/search.js index 1ac887d9..0eeb383c 100644 --- a/miniprogram/pages/search/search.js +++ b/miniprogram/pages/search/search.js @@ -105,5 +105,13 @@ Page({ // 返回上一页 goBack() { wx.navigateBack() + }, + + onShareAppMessage() { + const ref = app.getMyReferralCode() + return { + title: 'Soul创业派对 - 搜索', + path: ref ? `/pages/search/search?ref=${ref}` : '/pages/search/search' + } } }) diff --git a/miniprogram/pages/settings/settings.js b/miniprogram/pages/settings/settings.js index 157af2f0..c46ab852 100644 --- a/miniprogram/pages/settings/settings.js +++ b/miniprogram/pages/settings/settings.js @@ -493,5 +493,13 @@ Page({ // 跳转到地址管理页 goToAddresses() { wx.navigateTo({ url: '/pages/addresses/addresses' }) + }, + + onShareAppMessage() { + const ref = app.getMyReferralCode() + return { + title: 'Soul创业派对 - 设置', + path: ref ? `/pages/settings/settings?ref=${ref}` : '/pages/settings/settings' + } } }) diff --git a/miniprogram/pages/vip/vip.js b/miniprogram/pages/vip/vip.js index 1f9795b0..958da1a5 100644 --- a/miniprogram/pages/vip/vip.js +++ b/miniprogram/pages/vip/vip.js @@ -128,5 +128,13 @@ Page({ } catch (e) { wx.showToast({ title: '保存失败', icon: 'none' }) } }, - goBack() { wx.navigateBack() } + goBack() { wx.navigateBack() }, + + onShareAppMessage() { + const ref = app.getMyReferralCode() + return { + title: 'Soul创业派对 - VIP会员', + path: ref ? `/pages/vip/vip?ref=${ref}` : '/pages/vip/vip' + } + } }) diff --git a/miniprogram/pages/withdraw-records/withdraw-records.js b/miniprogram/pages/withdraw-records/withdraw-records.js index 5ef1c2fd..9757efac 100644 --- a/miniprogram/pages/withdraw-records/withdraw-records.js +++ b/miniprogram/pages/withdraw-records/withdraw-records.js @@ -119,5 +119,13 @@ Page({ wx.hideLoading() wx.showToast({ title: '网络异常，请重试', icon: 'none' }) } + }, + + onShareAppMessage() { + const ref = app.getMyReferralCode() + return { + title: 'Soul创业派对 - 提现记录', + path: ref ? `/pages/withdraw-records/withdraw-records?ref=${ref}` : '/pages/withdraw-records/withdraw-records' + } } }) diff --git a/miniprogram/utils/scene.js b/miniprogram/utils/scene.js new file mode 100644 index 00000000..b6b58704 --- /dev/null +++ b/miniprogram/utils/scene.js @@ -0,0 +1,45 @@ +/** + * Soul创业派对 - 小程序码 scene 参数统一编解码（海报生成 ↔ 扫码解析闭环） + * 官方以 options.scene 接收扫码参数；后端生成码时会把 & 转为 _，故解析时同时支持 & 和 _ + * scene 同时可带两个参数：章节标识(mid/id) + 推荐人(ref) + */ + +const SEP = '_' // 生成时统一用 _，与微信实际存储一致，且不占 32 字符限制 + +/** + * 编码：生成海报/分享时组 scene 字符串（同时带 mid或id + ref） + * @param {{ mid?: number, id?: string, ref?: string }} opts + * @returns {string} 如 "mid=1_ref=ogpTW5fmXR" 或 "id=1.1_ref=xxx" + */ +function buildScene(opts) { + const parts = [] + if (opts.mid != null && opts.mid !== '') parts.push(`mid=${opts.mid}`) + if (opts.id) parts.push(`id=${opts.id}`) + if (opts.ref) parts.push(`ref=${opts.ref}`) + return parts.join(SEP) +} + +/** + * 解码：从 options.scene 解析出 mid、id、ref（支持 & 或 _ 分隔） + * @param {string} sceneStr 原始 scene（可能未 decodeURIComponent） + * @returns {{ mid: number, id: string, ref: string }} + */ +function parseScene(sceneStr) { + const res = { mid: 0, id: '', ref: '' } + if (!sceneStr || typeof sceneStr !== 'string') return res + const decoded = decodeURIComponent(String(sceneStr)).trim() + const parts = decoded.split(/[&_]/) + for (const part of parts) { + const eq = part.indexOf('=') + if (eq > 0) { + const k = part.slice(0, eq) + const v = part.slice(eq + 1) + if (k === 'mid') res.mid = parseInt(v, 10) || 0 + if (k === 'id' && v) res.id = v + if (k === 'ref' && v) res.ref = v + } + } + return res +} + +module.exports = { buildScene, parseScene } diff --git a/miniprogram2/.gitignore b/miniprogram2/.gitignore new file mode 100644 index 00000000..14ea590c --- /dev/null +++ b/miniprogram2/.gitignore @@ -0,0 +1,14 @@ +# Windows +[Dd]esktop.ini +Thumbs.db +$RECYCLE.BIN/ + +# macOS +.DS_Store +.fseventsd +.Spotlight-V100 +.TemporaryItems +.Trashes + +# Node.js +node_modules/ diff --git a/miniprogram2/README.md b/miniprogram2/README.md new file mode 100644 index 00000000..2cc11dbf --- /dev/null +++ b/miniprogram2/README.md @@ -0,0 +1,138 @@ +# Soul创业实验 - 微信小程序 + +> 一场SOUL的创业实验场 - 来自Soul派对房的真实商业故事 + +## 📱 项目简介 + +本项目是《一场SOUL的创业实验场》的微信小程序版本，完整还原了Web端的所有UI界面和功能。 + +## 🎨 设计特点 + +- **主题色**: Soul青色 (#00CED1) +- **设计风格**: 深色主题 + 毛玻璃效果 +- **1:1还原**: 完全复刻Web端的UI设计 + +## 📂 项目结构 + +``` +miniprogram/ +├── app.js # 应用入口 +├── app.json # 应用配置 +├── app.wxss # 全局样式 +├── custom-tab-bar/ # 自定义TabBar组件 +│ ├── index.js +│ ├── index.json +│ ├── index.wxml +│ └── index.wxss +├── pages/ +│ ├── index/ # 首页 +│ ├── chapters/ # 目录页 +│ ├── match/ # 找伙伴页 +│ ├── my/ # 我的页面 +│ ├── read/ # 阅读页 +│ ├── about/ # 关于作者 +│ ├── referral/ # 推广中心 +│ ├── purchases/ # 订单页 +│ └── settings/ # 设置页 +├── utils/ +│ ├── util.js # 工具函数 +│ └── payment.js # 支付工具 +├── assets/ +│ └── icons/ # 图标资源 +├── project.config.json # 项目配置 +└── sitemap.json # 站点地图 +``` + +## 🚀 功能列表 + +### 核心功能 +- ✅ 首页 - 书籍展示、推荐章节、阅读进度 +- ✅ 目录 - 完整章节列表、篇章折叠展开 +- ✅ 找伙伴 - 匹配动画、匹配类型选择 +- ✅ 我的 - 个人信息、订单、推广中心 +- ✅ 阅读 - 付费墙、章节导航、分享功能 + +### 特色功能 +- ✅ 自定义TabBar（中间突出的找伙伴按钮） +- ✅ 阅读进度条 +- ✅ 匹配动画效果 +- ✅ 付费墙与购买流程 +- ✅ 分享海报功能 +- ✅ 推广佣金系统 + +## 🛠 开发指南 + +### 环境要求 +- 微信开发者工具 >= 1.06.2308310 +- 基础库版本 >= 3.3.4 + +### 快速开始 + +1. **下载微信开发者工具** + - 前往 [微信开发者工具下载页面](https://developers.weixin.qq.com/miniprogram/dev/devtools/download.html) + +2. **导入项目** + - 打开微信开发者工具 + - 选择"导入项目" + - 项目目录选择 `miniprogram` 文件夹 + - AppID 使用: `wx432c93e275548671` + +3. **编译运行** + - 点击"编译"按钮 + - 在模拟器中预览效果 + +### 真机调试 + +1. 点击工具栏的"预览"按钮 +2. 使用微信扫描二维码 +3. 在真机上测试所有功能 + +## 📝 配置说明 + +### API配置 +在 `app.js` 中修改 `globalData.baseUrl`: + +```javascript +globalData: { + baseUrl: 'https://soul.ckb.fit', // 你的API地址 + // ... +} +``` + +### AppID配置 +在 `project.config.json` 中修改: + +```json +{ + "appid": "你的小程序AppID" +} +``` + +## 🎯 上线发布 + +1. **准备工作** + - 确保所有功能测试通过 + - 检查API接口是否正常 + - 确认支付功能已配置 + +2. **上传代码** + - 在开发者工具中点击"上传" + - 填写版本号和项目备注 + +3. **提交审核** + - 登录[微信公众平台](https://mp.weixin.qq.com) + - 进入"版本管理" + - 提交审核 + +4. **发布上线** + - 审核通过后点击"发布" + +## 🔗 相关链接 + +- **Web版本**: https://soul.ckb.fit +- **作者微信**: 28533368 +- **技术支持**: 存客宝 + +## 📄 版权信息 + +© 2024 卡若. All rights reserved. diff --git a/miniprogram2/app.js b/miniprogram2/app.js new file mode 100644 index 00000000..7d3ab6c9 --- /dev/null +++ b/miniprogram2/app.js @@ -0,0 +1,575 @@ +/** + * Soul创业派对 - 小程序入口 + * 开发: 卡若 + */ + +const { parseScene } = require('./utils/scene.js') + +App({ + globalData: { + // API基础地址 - 连接真实后端 + baseUrl: 'https://soulapi.quwanzhi.com', + // baseUrl: 'https://souldev.quwanzhi.com', + // baseUrl: 'http://localhost:3006', + // baseUrl: 'http://localhost:8080', + + // 小程序配置 - 真实AppID + appId: 'wxb8bbb2b10dec74aa', + + // 订阅消息：用户点击「申请提现」→「立即提现」时会先弹出订阅授权窗 + withdrawSubscribeTmplId: 'u3MbZGPRkrZIk-I7QdpwzFxnO_CeQPaCWF2FkiIablE', + + // 微信支付配置 + mchId: '1318592501', // 商户号 + + // 用户信息 + userInfo: null, + openId: null, // 微信openId，支付必需 + isLoggedIn: false, + + // 书籍数据 + bookData: null, + totalSections: 62, + + // 购买记录 + purchasedSections: [], + sectionMidMap: {}, // id -> mid，来自 purchase-status + hasFullBook: false, + matchCount: 0, + matchQuota: null, + + // 已读章节（仅统计有权限打开过的章节，用于首页「已读/待读」） + readSectionIds: [], + + // 推荐绑定 + pendingReferralCode: null, // 待绑定的推荐码 + + // 主题配置 + theme: { + brandColor: '#00CED1', + brandSecondary: '#20B2AA', + goldColor: '#FFD700', + bgColor: '#000000', + cardBg: '#1c1c1e' + }, + + // 系统信息 + systemInfo: null, + statusBarHeight: 44, + navBarHeight: 88, + + // TabBar相关 + currentTab: 0 + }, + + onLaunch(options) { + this.globalData.readSectionIds = wx.getStorageSync('readSectionIds') || [] + // 获取系统信息 + this.getSystemInfo() + + // 检查登录状态 + this.checkLoginStatus() + + // 加载书籍数据 + this.loadBookData() + + // 检查更新 + this.checkUpdate() + + // 处理分享参数（推荐码绑定） + this.handleReferralCode(options) + }, + + // 小程序显示时也检查分享参数 + onShow(options) { + this.handleReferralCode(options) + }, + + // 处理推荐码绑定：官方以 options.scene 接收扫码参数（可同时带 mid/id + ref），与 utils/scene 解析闭环 + handleReferralCode(options) { + const query = options?.query || {} + let refCode = query.ref || query.referralCode + const sceneStr = (options && (typeof options.scene === 'string' ? options.scene : '')) || '' + if (sceneStr) { + const parsed = parseScene(sceneStr) + if (parsed.mid) this.globalData.initialSectionMid = parsed.mid + if (parsed.id) this.globalData.initialSectionId = parsed.id + if (parsed.ref) refCode = parsed.ref + } + if (refCode) { + console.log('[App] 检测到推荐码:', refCode) + + // 立即记录访问（不需要登录，用于统计"通过链接进的人数"） + this.recordReferralVisit(refCode) + + // 保存待绑定的推荐码（不再在前端做"只能绑定一次"的限制，让后端根据30天规则判断续期/抢夺） + this.globalData.pendingReferralCode = refCode + wx.setStorageSync('pendingReferralCode', refCode) + // 同步写入 referral_code，供章节/找伙伴支付时传给后端，订单会记录 referrer_id 与 referral_code + wx.setStorageSync('referral_code', refCode) + + // 如果已登录，立即尝试绑定，由 /api/miniprogram/referral/bind 按 30 天规则决定 new / renew / takeover + if (this.globalData.isLoggedIn && this.globalData.userInfo) { + this.bindReferralCode(refCode) + } + } + }, + + // 记录推荐访问（不需要登录，用于统计） + async recordReferralVisit(refCode) { + try { + // 获取openId（如果有） + const openId = this.globalData.openId || wx.getStorageSync('openId') || '' + const userId = this.globalData.userInfo?.id || '' + + await this.request('/api/miniprogram/referral/visit', { + method: 'POST', + data: { + referralCode: refCode, + visitorOpenId: openId, + visitorId: userId, + source: 'miniprogram', + page: getCurrentPages()[getCurrentPages().length - 1]?.route || '' + }, + silent: true + }) + console.log('[App] 记录推荐访问成功') + } catch (e) { + console.log('[App] 记录推荐访问失败:', e.message) + // 忽略错误，不影响用户体验 + } + }, + + // 绑定推荐码到用户 + async bindReferralCode(refCode) { + try { + const userId = this.globalData.userInfo?.id + if (!userId || !refCode) return + + console.log('[App] 绑定推荐码:', refCode, '到用户:', userId) + + // 调用API绑定推荐关系 + const res = await this.request('/api/miniprogram/referral/bind', { + method: 'POST', + data: { + userId, + referralCode: refCode + }, + silent: true + }) + + if (res.success) { + console.log('[App] 推荐码绑定成功') + // 仅记录当前已绑定的推荐码，用于展示/调试；是否允许更换由后端根据30天规则判断 + wx.setStorageSync('boundReferralCode', refCode) + this.globalData.pendingReferralCode = null + wx.removeStorageSync('pendingReferralCode') + } + } catch (e) { + console.error('[App] 绑定推荐码失败:', e) + } + }, + + // 根据业务 id 从 bookData 查 mid（用于跳转） + getSectionMid(sectionId) { + const list = this.globalData.bookData || [] + const ch = list.find(c => c.id === sectionId) + return ch?.mid || 0 + }, + + // 获取当前用户的邀请码（用于分享带 ref，未登录返回空字符串） + getMyReferralCode() { + const user = this.globalData.userInfo + if (!user) return '' + if (user.referralCode) return user.referralCode + if (user.id) return 'SOUL' + String(user.id).toUpperCase().slice(-6) + return '' + }, + + // 获取系统信息 + getSystemInfo() { + try { + const systemInfo = wx.getSystemInfoSync() + this.globalData.systemInfo = systemInfo + this.globalData.statusBarHeight = systemInfo.statusBarHeight || 44 + + // 计算导航栏高度 + const menuButton = wx.getMenuButtonBoundingClientRect() + if (menuButton) { + this.globalData.navBarHeight = (menuButton.top - systemInfo.statusBarHeight) * 2 + menuButton.height + systemInfo.statusBarHeight + } + } catch (e) { + console.error('获取系统信息失败:', e) + } + }, + + // 检查登录状态 + checkLoginStatus() { + try { + const userInfo = wx.getStorageSync('userInfo') + const token = wx.getStorageSync('token') + + if (userInfo && token) { + this.globalData.userInfo = userInfo + this.globalData.isLoggedIn = true + this.globalData.purchasedSections = userInfo.purchasedSections || [] + this.globalData.hasFullBook = userInfo.hasFullBook || false + } + } catch (e) { + console.error('检查登录状态失败:', e) + } + }, + + // 加载书籍数据 + async loadBookData() { + try { + // 先从缓存加载 + const cachedData = wx.getStorageSync('bookData') + if (cachedData) { + this.globalData.bookData = cachedData + } + + // 从服务器获取最新数据 + const res = await this.request('/api/miniprogram/book/all-chapters') + if (res && res.data) { + this.globalData.bookData = res.data + wx.setStorageSync('bookData', res.data) + } + } catch (e) { + console.error('加载书籍数据失败:', e) + } + }, + + // 版本更新检测：发现新版本时提示用户立即更新 + checkUpdate() { + if (!wx.canIUse('getUpdateManager')) return + const updateManager = wx.getUpdateManager() + + updateManager.onCheckForUpdate((res) => { + if (res.hasUpdate) { + console.log('[App] 发现新版本，正在后台下载') + wx.showToast({ title: '发现新版本，正在准备…', icon: 'none', duration: 2000 }) + } + }) + + updateManager.onUpdateReady(() => { + wx.showModal({ + title: '发现新版本', + content: '小程序已更新，请立即重启以使用最新版本。', + confirmText: '立即更新', + cancelText: '稍后', + showCancel: true, + success: (res) => { + if (res.confirm) { + updateManager.applyUpdate() + } + } + }) + }) + + updateManager.onUpdateFailed(() => { + wx.showModal({ + title: '更新失败', + content: '新版本下载失败，请稍后重新打开小程序或删除后重新搜索打开。', + showCancel: false + }) + }) + }, + + /** + * 从 soul-api 返回体中取错误提示文案（兼容 message / error 字段） + */ + _getApiErrorMsg(data, defaultMsg = '请求失败') { + if (!data || typeof data !== 'object') return defaultMsg + const msg = data.message || data.error + return (msg && String(msg).trim()) ? String(msg).trim() : defaultMsg + }, + + /** + * 统一请求方法。接口失败时会弹窗提示（与 soul-api 返回的 message/error 一致）。 + * @param {string|object} urlOrOptions - 接口路径，或 { url, method, data, header, silent } + * @param {object} options - { method, data, header, silent } + * @param {boolean} options.silent - 为 true 时不弹窗，仅 reject（用于静默请求如访问统计） + */ + request(urlOrOptions, options = {}) { + let url + if (typeof urlOrOptions === 'string') { + url = urlOrOptions + } else if (urlOrOptions && typeof urlOrOptions === 'object' && urlOrOptions.url) { + url = urlOrOptions.url + options = { ...urlOrOptions, url: undefined } + } else { + url = '' + } + const silent = !!options.silent + const showError = (msg) => { + if (!silent && msg) { + wx.showToast({ title: msg, icon: 'none', duration: 2500 }) + } + } + + return new Promise((resolve, reject) => { + const token = wx.getStorageSync('token') + + wx.request({ + url: this.globalData.baseUrl + url, + method: options.method || 'GET', + data: options.data || {}, + header: { + 'Content-Type': 'application/json', + 'Authorization': token ? `Bearer ${token}` : '', + ...options.header + }, + success: (res) => { + const data = res.data + if (res.statusCode === 200) { + // 业务失败：success === false，soul-api 用 message 或 error 返回原因 + if (data && data.success === false) { + const msg = this._getApiErrorMsg(data, '操作失败') + showError(msg) + reject(new Error(msg)) + return + } + resolve(data) + return + } + if (res.statusCode === 401) { + this.logout() + showError('未授权，请重新登录') + reject(new Error('未授权')) + return + } + // 4xx/5xx：优先用返回体的 message/error + const msg = this._getApiErrorMsg(data, res.statusCode >= 500 ? '服务器异常，请稍后重试' : '请求失败') + showError(msg) + reject(new Error(msg)) + }, + fail: (err) => { + const msg = (err && err.errMsg) ? (err.errMsg.indexOf('timeout') !== -1 ? '请求超时，请重试' : '网络异常，请重试') : '网络异常，请重试' + showError(msg) + reject(new Error(msg)) + } + }) + }) + }, + + // 登录方法 - 获取openId用于支付（加固错误处理，避免审核报“登录报错”） + async login() { + try { + const loginRes = await new Promise((resolve, reject) => { + wx.login({ success: resolve, fail: reject }) + }) + if (!loginRes || !loginRes.code) { + console.warn('[App] wx.login 未返回 code') + wx.showToast({ title: '获取登录态失败，请重试', icon: 'none' }) + return null + } + try { + const res = await this.request('/api/miniprogram/login', { + method: 'POST', + data: { code: loginRes.code } + }) + + if (res.success && res.data) { + // 保存openId + if (res.data.openId) { + this.globalData.openId = res.data.openId + wx.setStorageSync('openId', res.data.openId) + console.log('[App] 获取openId成功') + } + + // 保存用户信息 + if (res.data.user) { + this.globalData.userInfo = res.data.user + this.globalData.isLoggedIn = true + this.globalData.purchasedSections = res.data.user.purchasedSections || [] + this.globalData.hasFullBook = res.data.user.hasFullBook || false + + wx.setStorageSync('userInfo', res.data.user) + wx.setStorageSync('token', res.data.token || '') + + // 登录成功后，检查待绑定的推荐码并执行绑定 + const pendingRef = wx.getStorageSync('pendingReferralCode') || this.globalData.pendingReferralCode + if (pendingRef) { + console.log('[App] 登录后自动绑定推荐码:', pendingRef) + this.bindReferralCode(pendingRef) + } + } + + return res.data + } + } catch (apiError) { + console.log('[App] API登录失败:', apiError.message) + // 不使用模拟登录，提示用户网络问题 + wx.showToast({ title: '网络异常，请重试', icon: 'none' }) + return null + } + + return null + } catch (e) { + console.error('[App] 登录失败:', e) + wx.showToast({ title: '登录失败，请重试', icon: 'none' }) + return null + } + }, + + // 获取openId (支付必需) + async getOpenId() { + // 先检查缓存 + const cachedOpenId = wx.getStorageSync('openId') + if (cachedOpenId) { + this.globalData.openId = cachedOpenId + return cachedOpenId + } + + // 没有缓存则登录获取 + try { + const loginRes = await new Promise((resolve, reject) => { + wx.login({ success: resolve, fail: reject }) + }) + + const res = await this.request('/api/miniprogram/login', { + method: 'POST', + data: { code: loginRes.code } + }) + + if (res.success && res.data?.openId) { + this.globalData.openId = res.data.openId + wx.setStorageSync('openId', res.data.openId) + // 接口同时返回 user 时视为登录，补全登录态并从登录开始绑定推荐码 + if (res.data.user) { + this.globalData.userInfo = res.data.user + this.globalData.isLoggedIn = true + this.globalData.purchasedSections = res.data.user.purchasedSections || [] + this.globalData.hasFullBook = res.data.user.hasFullBook || false + wx.setStorageSync('userInfo', res.data.user) + wx.setStorageSync('token', res.data.token || '') + const pendingRef = wx.getStorageSync('pendingReferralCode') || this.globalData.pendingReferralCode + if (pendingRef) { + console.log('[App] getOpenId 登录后自动绑定推荐码:', pendingRef) + this.bindReferralCode(pendingRef) + } + } + return res.data.openId + } + } catch (e) { + console.error('[App] 获取openId失败:', e) + } + + return null + }, + + // 模拟登录已废弃 - 不再使用 + // 现在必须使用真实的微信登录获取openId作为唯一标识 + mockLogin() { + console.warn('[App] mockLogin已废弃，请使用真实登录') + return null + }, + + // 手机号登录：需同时传 wx.login 的 code 与 getPhoneNumber 的 phoneCode + async loginWithPhone(phoneCode) { + try { + const loginRes = await new Promise((resolve, reject) => { + wx.login({ success: resolve, fail: reject }) + }) + if (!loginRes.code) { + wx.showToast({ title: '获取登录态失败', icon: 'none' }) + return null + } + const res = await this.request('/api/miniprogram/phone-login', { + method: 'POST', + data: { code: loginRes.code, phoneCode } + }) + + if (res.success && res.data) { + this.globalData.userInfo = res.data.user + this.globalData.isLoggedIn = true + this.globalData.purchasedSections = res.data.user.purchasedSections || [] + this.globalData.hasFullBook = res.data.user.hasFullBook || false + + wx.setStorageSync('userInfo', res.data.user) + wx.setStorageSync('token', res.data.token) + + // 登录成功后绑定推荐码 + const pendingRef = wx.getStorageSync('pendingReferralCode') || this.globalData.pendingReferralCode + if (pendingRef) { + console.log('[App] 手机号登录后自动绑定推荐码:', pendingRef) + this.bindReferralCode(pendingRef) + } + + return res.data + } + } catch (e) { + console.log('[App] 手机号登录失败:', e) + wx.showToast({ title: '登录失败，请重试', icon: 'none' }) + } + + return null + }, + + // 退出登录 + logout() { + this.globalData.userInfo = null + this.globalData.isLoggedIn = false + this.globalData.purchasedSections = [] + this.globalData.hasFullBook = false + this.globalData.matchCount = 0 + this.globalData.matchQuota = null + + wx.removeStorageSync('userInfo') + wx.removeStorageSync('token') + }, + + // 检查是否已购买章节 + hasPurchased(sectionId) { + if (this.globalData.hasFullBook) return true + return this.globalData.purchasedSections.includes(sectionId) + }, + + // 标记章节为已读（仅在有权限打开时由阅读页调用，用于首页已读/待读统计） + markSectionAsRead(sectionId) { + if (!sectionId) return + const list = this.globalData.readSectionIds || [] + if (list.includes(sectionId)) return + list.push(sectionId) + this.globalData.readSectionIds = list + wx.setStorageSync('readSectionIds', list) + }, + + // 已读章节数（用于首页展示） + getReadCount() { + return (this.globalData.readSectionIds || []).length + }, + + // 获取章节总数 + getTotalSections() { + return this.globalData.totalSections + }, + + // 切换TabBar + switchTab(index) { + this.globalData.currentTab = index + }, + + // 显示Toast + showToast(title, icon = 'none') { + wx.showToast({ + title, + icon, + duration: 2000 + }) + }, + + // 显示Loading + showLoading(title = '加载中...') { + wx.showLoading({ + title, + mask: true + }) + }, + + // 隐藏Loading + hideLoading() { + wx.hideLoading() + } +}) diff --git a/miniprogram2/app.json b/miniprogram2/app.json new file mode 100644 index 00000000..e70546ce --- /dev/null +++ b/miniprogram2/app.json @@ -0,0 +1 @@ +{"pages":["pages/index/index","pages/chapters/chapters","pages/match/match","pages/my/my","pages/read/read","pages/about/about","pages/agreement/agreement","pages/privacy/privacy","pages/referral/referral","pages/purchases/purchases","pages/settings/settings","pages/search/search","pages/addresses/addresses","pages/addresses/edit","pages/withdraw-records/withdraw-records","pages/scan/scan","pages/profile-edit/profile-edit"],"window":{"backgroundTextStyle":"light","navigationBarBackgroundColor":"#000000","navigationBarTitleText":"Soul创业派对","navigationBarTextStyle":"white","backgroundColor":"#000000","navigationStyle":"custom"},"tabBar":{"custom":true,"color":"#8e8e93","selectedColor":"#00CED1","backgroundColor":"#1c1c1e","borderStyle":"black","list":[{"pagePath":"pages/index/index","text":"首页"},{"pagePath":"pages/chapters/chapters","text":"目录"},{"pagePath":"pages/match/match","text":"找伙伴"},{"pagePath":"pages/my/my","text":"我的"}]},"usingComponents":{},"__usePrivacyCheck__":true,"permission":{"scope.userLocation":{"desc":"用于匹配附近的书友"}},"requiredPrivateInfos":["getLocation"],"lazyCodeLoading":"requiredComponents","style":"v2","sitemapLocation":"sitemap.json"} diff --git a/miniprogram2/app.wxss b/miniprogram2/app.wxss new file mode 100644 index 00000000..9ce22a06 --- /dev/null +++ b/miniprogram2/app.wxss @@ -0,0 +1,606 @@ +/** + * Soul创业实验 - 全局样式 + * 主题色: #00CED1 (Soul青色) + * 开发: 卡若 + */ + +/* ===== CSS 变量系统 ===== */ +page { + /* 品牌色 */ + --app-brand: #00CED1; + --app-brand-light: rgba(0, 206, 209, 0.1); + --app-brand-dark: #20B2AA; + + /* 背景色 */ + --app-bg-primary: #000000; + --app-bg-secondary: #1c1c1e; + --app-bg-tertiary: #2c2c2e; + + /* 文字色 */ + --app-text-primary: #ffffff; + --app-text-secondary: rgba(255, 255, 255, 0.7); + --app-text-tertiary: rgba(255, 255, 255, 0.4); + + /* 分隔线 */ + --app-separator: rgba(255, 255, 255, 0.05); + + /* iOS 系统色 */ + --ios-indigo: #5856D6; + --ios-green: #30d158; + --ios-red: #FF3B30; + --ios-orange: #FF9500; + --ios-yellow: #FFD700; + + /* 金色 */ + --gold: #FFD700; + --gold-light: #FFA500; + + /* 粉色 */ + --pink: #E91E63; + + /* 紫色 */ + --purple: #7B61FF; +} + +/* ===== 页面基础样式 ===== */ +page { + background-color: var(--app-bg-primary); + color: var(--app-text-primary); + font-family: -apple-system, BlinkMacSystemFont, 'SF Pro Display', 'SF Pro Text', 'Helvetica Neue', 'PingFang SC', 'Microsoft YaHei', sans-serif; + font-size: 28rpx; + line-height: 1.5; + -webkit-font-smoothing: antialiased; +} + +/* ===== 全局容器 ===== */ +.container { + min-height: 100vh; + padding: 0; + background: #000000; + padding-bottom: env(safe-area-inset-bottom); +} + +/* ===== 品牌色系 ===== */ +.brand-color { + color: #00CED1; +} + +.brand-bg { + background-color: #00CED1; +} + +.brand-gradient { + background: linear-gradient(135deg, #00CED1 0%, #20B2AA 100%); +} + +.gold-color { + color: #FFD700; +} + +.gold-bg { + background: linear-gradient(135deg, #FFD700 0%, #FFA500 100%); +} + +/* ===== 文字渐变 ===== */ +.gradient-text { + background: linear-gradient(135deg, #00CED1 0%, #20B2AA 100%); + -webkit-background-clip: text; + -webkit-text-fill-color: transparent; + background-clip: text; +} + +.gold-gradient-text { + background: linear-gradient(135deg, #FFD700 0%, #FFA500 100%); + -webkit-background-clip: text; + -webkit-text-fill-color: transparent; + background-clip: text; +} + +/* ===== 按钮样式 ===== */ +.btn-primary { + background: linear-gradient(135deg, #00CED1 0%, #20B2AA 100%); + color: #ffffff; + border: none; + border-radius: 48rpx; + padding: 28rpx 48rpx; + font-size: 32rpx; + font-weight: 600; + box-shadow: 0 8rpx 24rpx rgba(0, 206, 209, 0.3); + display: flex; + align-items: center; + justify-content: center; +} + +.btn-primary::after { + border: none; +} + +.btn-primary:active { + opacity: 0.85; + transform: scale(0.98); +} + +.btn-secondary { + background: rgba(0, 206, 209, 0.1); + color: #00CED1; + border: 2rpx solid rgba(0, 206, 209, 0.3); + border-radius: 48rpx; + padding: 28rpx 48rpx; + font-size: 32rpx; + font-weight: 500; +} + +.btn-secondary::after { + border: none; +} + +.btn-secondary:active { + background: rgba(0, 206, 209, 0.2); +} + +.btn-ghost { + background: rgba(255, 255, 255, 0.05); + color: #ffffff; + border: 2rpx solid rgba(255, 255, 255, 0.1); + border-radius: 48rpx; + padding: 28rpx 48rpx; + font-size: 32rpx; +} + +.btn-ghost::after { + border: none; +} + +.btn-ghost:active { + background: rgba(255, 255, 255, 0.1); +} + +.btn-gold { + background: linear-gradient(135deg, #FFD700 0%, #FFA500 100%); + color: #000000; + border: none; + border-radius: 48rpx; + padding: 28rpx 48rpx; + font-size: 32rpx; + font-weight: 600; + box-shadow: 0 8rpx 24rpx rgba(255, 215, 0, 0.3); +} + +.btn-gold::after { + border: none; +} + +/* ===== 卡片样式 ===== */ +.card { + background: rgba(28, 28, 30, 0.9); + border-radius: 32rpx; + padding: 32rpx; + margin: 24rpx 32rpx; + border: 2rpx solid rgba(255, 255, 255, 0.05); +} + +.card-light { + background: rgba(44, 44, 46, 0.8); + border-radius: 24rpx; + padding: 24rpx; + border: 2rpx solid rgba(255, 255, 255, 0.08); +} + +.card-gradient { + background: linear-gradient(135deg, rgba(28, 28, 30, 1) 0%, rgba(44, 44, 46, 1) 100%); + border-radius: 32rpx; + padding: 32rpx; + border: 2rpx solid rgba(0, 206, 209, 0.2); +} + +.card-brand { + background: linear-gradient(135deg, rgba(0, 206, 209, 0.1) 0%, rgba(32, 178, 170, 0.05) 100%); + border-radius: 32rpx; + padding: 32rpx; + border: 2rpx solid rgba(0, 206, 209, 0.2); +} + +/* ===== 输入框样式 ===== */ +.input-ios { + background: rgba(0, 0, 0, 0.3); + border: 2rpx solid rgba(255, 255, 255, 0.1); + border-radius: 24rpx; + padding: 28rpx 32rpx; + font-size: 32rpx; + color: #ffffff; +} + +.input-ios:focus { + border-color: rgba(0, 206, 209, 0.5); +} + +.input-ios-placeholder { + color: rgba(255, 255, 255, 0.3); +} + +/* ===== 列表项样式 ===== */ +.list-item { + display: flex; + align-items: center; + justify-content: space-between; + padding: 28rpx 32rpx; + background: rgba(28, 28, 30, 0.9); + border-bottom: 1rpx solid rgba(255, 255, 255, 0.05); +} + +.list-item:first-child { + border-radius: 24rpx 24rpx 0 0; +} + +.list-item:last-child { + border-radius: 0 0 24rpx 24rpx; + border-bottom: none; +} + +.list-item:only-child { + border-radius: 24rpx; +} + +.list-item:active { + background: rgba(44, 44, 46, 1); +} + +/* ===== 标签样式 ===== */ +.tag { + display: inline-flex; + align-items: center; + justify-content: center; + padding: 8rpx 20rpx; + min-width: 80rpx; + border-radius: 8rpx; + font-size: 22rpx; + font-weight: 500; + box-sizing: border-box; + text-align: center; +} + +.tag-brand { + background: rgba(0, 206, 209, 0.1); + color: #00CED1; +} + +.tag-gold { + background: rgba(255, 215, 0, 0.1); + color: #FFD700; +} + +.tag-pink { + background: rgba(233, 30, 99, 0.1); + color: #E91E63; +} + +.tag-purple { + background: rgba(123, 97, 255, 0.1); + color: #7B61FF; +} + +.tag-free { + background: rgba(0, 206, 209, 0.1); + color: #00CED1; +} + +/* ===== 分隔线 ===== */ +.divider { + height: 1rpx; + background: rgba(255, 255, 255, 0.05); + margin: 24rpx 0; +} + +.divider-vertical { + width: 2rpx; + height: 48rpx; + background: rgba(255, 255, 255, 0.1); +} + +/* ===== 骨架屏动画 ===== */ +.skeleton { + background: linear-gradient(90deg, + rgba(28, 28, 30, 1) 25%, + rgba(44, 44, 46, 1) 50%, + rgba(28, 28, 30, 1) 75% + ); + background-size: 200% 100%; + animation: skeleton-loading 1.5s ease-in-out infinite; + border-radius: 8rpx; +} + +@keyframes skeleton-loading { + 0% { + background-position: 200% 0; + } + 100% { + background-position: -200% 0; + } +} + +/* ===== 页面过渡动画 ===== */ +.page-transition { + animation: fadeIn 0.3s ease-out; +} + +@keyframes fadeIn { + from { + opacity: 0; + transform: translateY(20rpx); + } + to { + opacity: 1; + transform: translateY(0); + } +} + +/* ===== 弹窗动画 ===== */ +.modal-overlay { + animation: modalOverlayIn 0.25s ease-out; +} + +.modal-content { + animation: modalContentIn 0.3s cubic-bezier(0.32, 0.72, 0, 1); +} + +@keyframes modalOverlayIn { + from { opacity: 0; } + to { opacity: 1; } +} + +@keyframes modalContentIn { + from { + opacity: 0; + transform: scale(0.95) translateY(20rpx); + } + to { + opacity: 1; + transform: scale(1) translateY(0); + } +} + +/* ===== 脉动动画 ===== */ +.pulse { + animation: pulse 2s ease-in-out infinite; +} + +@keyframes pulse { + 0%, 100% { + transform: scale(1); + opacity: 1; + } + 50% { + transform: scale(1.05); + opacity: 0.8; + } +} + +/* ===== 发光效果 ===== */ +.glow { + box-shadow: 0 0 40rpx rgba(0, 206, 209, 0.3); +} + +.glow-gold { + box-shadow: 0 0 40rpx rgba(255, 215, 0, 0.3); +} + +/* ===== 文字样式 ===== */ +.text-xs { + font-size: 22rpx; +} + +.text-sm { + font-size: 26rpx; +} + +.text-base { + font-size: 28rpx; +} + +.text-lg { + font-size: 32rpx; +} + +.text-xl { + font-size: 36rpx; +} + +.text-2xl { + font-size: 44rpx; +} + +.text-3xl { + font-size: 56rpx; +} + +.text-white { + color: #ffffff; +} + +.text-gray { + color: rgba(255, 255, 255, 0.6); +} + +.text-muted { + color: rgba(255, 255, 255, 0.4); +} + +.text-center { + text-align: center; +} + +.font-medium { + font-weight: 500; +} + +.font-semibold { + font-weight: 600; +} + +.font-bold { + font-weight: 700; +} + +/* ===== Flex布局 ===== */ +.flex { + display: flex; +} + +.flex-col { + flex-direction: column; +} + +.items-center { + align-items: center; +} + +.justify-center { + justify-content: center; +} + +.justify-between { + justify-content: space-between; +} + +.justify-around { + justify-content: space-around; +} + +.flex-1 { + flex: 1; +} + +.gap-1 { + gap: 8rpx; +} + +.gap-2 { + gap: 16rpx; +} + +.gap-3 { + gap: 24rpx; +} + +.gap-4 { + gap: 32rpx; +} + +/* ===== 间距 ===== */ +.p-2 { padding: 16rpx; } +.p-3 { padding: 24rpx; } +.p-4 { padding: 32rpx; } +.p-5 { padding: 40rpx; } + +.px-4 { padding-left: 32rpx; padding-right: 32rpx; } +.py-2 { padding-top: 16rpx; padding-bottom: 16rpx; } +.py-3 { padding-top: 24rpx; padding-bottom: 24rpx; } + +.m-4 { margin: 32rpx; } +.mx-4 { margin-left: 32rpx; margin-right: 32rpx; } +.my-3 { margin-top: 24rpx; margin-bottom: 24rpx; } +.mb-2 { margin-bottom: 16rpx; } +.mb-3 { margin-bottom: 24rpx; } +.mb-4 { margin-bottom: 32rpx; } +.mt-4 { margin-top: 32rpx; } + +/* ===== 圆角 ===== */ +.rounded { border-radius: 8rpx; } +.rounded-lg { border-radius: 16rpx; } +.rounded-xl { border-radius: 24rpx; } +.rounded-2xl { border-radius: 32rpx; } +.rounded-full { border-radius: 50%; } + +/* ===== 安全区域 ===== */ +.safe-bottom { + padding-bottom: calc(env(safe-area-inset-bottom) + 20rpx); +} + +.pb-tabbar { + padding-bottom: 200rpx; +} + +/* ===== 头部导航占位 ===== */ +.nav-placeholder { + height: calc(88rpx + env(safe-area-inset-top, 44rpx)); +} + +/* ===== 隐藏滚动条 ===== */ +::-webkit-scrollbar { + display: none; + width: 0; + height: 0; +} + +/* ===== 触摸反馈 ===== */ +.touch-feedback { + transition: all 0.15s ease; +} + +.touch-feedback:active { + opacity: 0.7; + transform: scale(0.98); +} + +/* ===== 进度条 ===== */ +.progress-bar { + height: 8rpx; + background: rgba(44, 44, 46, 1); + border-radius: 4rpx; + overflow: hidden; +} + +.progress-fill { + height: 100%; + background: linear-gradient(90deg, #00CED1 0%, #20B2AA 100%); + border-radius: 4rpx; + transition: width 0.3s ease; +} + +/* ===== 头像样式 ===== */ +.avatar { + width: 80rpx; + height: 80rpx; + border-radius: 50%; + background: linear-gradient(135deg, rgba(0, 206, 209, 0.2) 0%, rgba(32, 178, 170, 0.1) 100%); + display: flex; + align-items: center; + justify-content: center; + color: #00CED1; + font-weight: 700; + font-size: 32rpx; + border: 4rpx solid rgba(0, 206, 209, 0.3); +} + +.avatar-lg { + width: 120rpx; + height: 120rpx; + font-size: 48rpx; +} + +/* ===== 图标容器 ===== */ +.icon-box { + width: 64rpx; + height: 64rpx; + border-radius: 16rpx; + display: flex; + align-items: center; + justify-content: center; +} + +.icon-box-brand { + background: linear-gradient(135deg, rgba(0, 206, 209, 0.2) 0%, rgba(32, 178, 170, 0.1) 100%); +} + +.icon-box-gold { + background: linear-gradient(135deg, rgba(255, 215, 0, 0.2) 0%, rgba(255, 165, 0, 0.1) 100%); +} + +/* ===== 渐变背景 ===== */ +.bg-gradient-dark { + background: linear-gradient(180deg, #000000 0%, #1a1a1a 100%); +} + +.bg-gradient-brand { + background: linear-gradient(135deg, rgba(0, 206, 209, 0.1) 0%, transparent 100%); +} diff --git a/miniprogram2/assets/icons/alert-circle.svg b/miniprogram2/assets/icons/alert-circle.svg new file mode 100644 index 00000000..f5a441f3 --- /dev/null +++ b/miniprogram2/assets/icons/alert-circle.svg @@ -0,0 +1,5 @@ + + + + + diff --git a/miniprogram2/assets/icons/arrow-right.svg b/miniprogram2/assets/icons/arrow-right.svg new file mode 100644 index 00000000..1dc64d3f --- /dev/null +++ b/miniprogram2/assets/icons/arrow-right.svg @@ -0,0 +1,4 @@ + + + + diff --git a/miniprogram2/assets/icons/bell.svg b/miniprogram2/assets/icons/bell.svg new file mode 100644 index 00000000..0e7e405b --- /dev/null +++ b/miniprogram2/assets/icons/bell.svg @@ -0,0 +1,4 @@ + + + + diff --git a/miniprogram2/assets/icons/book-open.svg b/miniprogram2/assets/icons/book-open.svg new file mode 100644 index 00000000..d833e86b --- /dev/null +++ b/miniprogram2/assets/icons/book-open.svg @@ -0,0 +1,4 @@ + + + + diff --git a/miniprogram2/assets/icons/book.svg b/miniprogram2/assets/icons/book.svg new file mode 100644 index 00000000..93579576 --- /dev/null +++ b/miniprogram2/assets/icons/book.svg @@ -0,0 +1,4 @@ + + + + diff --git a/miniprogram2/assets/icons/chevron-left.svg b/miniprogram2/assets/icons/chevron-left.svg new file mode 100644 index 00000000..e406b2b9 --- /dev/null +++ b/miniprogram2/assets/icons/chevron-left.svg @@ -0,0 +1,3 @@ + + + diff --git a/miniprogram2/assets/icons/gift.svg b/miniprogram2/assets/icons/gift.svg new file mode 100644 index 00000000..66ac806c --- /dev/null +++ b/miniprogram2/assets/icons/gift.svg @@ -0,0 +1,6 @@ + + + + + + diff --git a/miniprogram2/assets/icons/home-active.png b/miniprogram2/assets/icons/home-active.png new file mode 100644 index 0000000000000000000000000000000000000000..b6090d87610396c4e046dd531906e3f4aeaeee09 GIT binary patch literal 699 zcmeAS@N?(olHy`uVBq!ia0vp^fgsGm3?%0U?qUH_3dtTpz6=aiY77hwEes65fIUwRG5VK4FYb!C6W$j8E@-(9CP(<^;b zR+8R{-Kzt1UUod~dg>GEyyj}|lD4KBJx$xLPV3HJcKPkh5AU=)(hO?WUYv2w#c|H1 zIcM)iojCeb>rS@0`M!udpYC0}*L{@vz4F`15jLOqUD(%kRQi3xw^*IJy7SCRE*%1b zP8^C~CfhQGev1{DBX_YA=wj6p*NBpo#FA92CCE6dF8*(}7if-ZKuxwC}J8ub)+W zZO+pTZ&M~mym`$VxJYQ~iX(fN>%zHe7ib!}w`$JY@%YR=_h}iYayA_La(qFuRL-qy z|NVG>IM0sMTWQ%Ckkq(r<`VRhu<)JU8pk8;M?1KeKUI$3q=~tmdjjRGW&*f z`py3jCiHtx*Zr0wec()i&()jJDc8T>nDD=Q^|pU<9N)TBCbu8SQu%-6_LV1=8>LR!e>61p+?Q9m|3s^I zji+yw-13xJGbB~D48^=cl60n6D0C`8z^C&3Ki#JC_pKuq0Yh1}#5JNMC9x#cD!C{X zNHG{07@6rB80s3Dgcz7u85mg^8)+LDSQ!|oyG-v#(U6;;l9^VCTSJ(nzA;dP2Hb{{ e%-q!ClEmBs+ + + + diff --git a/miniprogram2/assets/icons/image.svg b/miniprogram2/assets/icons/image.svg new file mode 100644 index 00000000..50ed9e6d --- /dev/null +++ b/miniprogram2/assets/icons/image.svg @@ -0,0 +1,5 @@ + + + + + diff --git a/miniprogram2/assets/icons/list.svg b/miniprogram2/assets/icons/list.svg new file mode 100644 index 00000000..688326aa --- /dev/null +++ b/miniprogram2/assets/icons/list.svg @@ -0,0 +1,8 @@ + + + + + + + + diff --git a/miniprogram2/assets/icons/match-active.png b/miniprogram2/assets/icons/match-active.png new file mode 100644 index 0000000000000000000000000000000000000000..da62b4367dbc809c2e64a00821cce980ce3d1c30 GIT binary patch literal 907 zcmeAS@N?(olHy`uVBq!ia0vp^fgsGm3?%0U?qUH_3dtTpz6=aiY77hwEes65fIl8_s;5>q48lEBhUuMByV?@@LH~$ z@<0xIiKnkC`zuC17A7UP*Y34IpH79fui}4y z^g1w!^=MUw^E|V|(UX6BltdS)i>2$mdl%_{%1->}Ed9Y};Is zc6OR=`NyWs8Pj*4iGRAxnANyGHbCF?TGGm#)kTj#Y|FYFt^8un(cQbA?0w|yvdJ;4 zNG$ruwnc6}lcai%_9ab>cr7H~8F(zof1|&N==_fJJx9flG8V45q1q?Wy}ob%--gXU zp2gMt|NE%Dy0FJpC#kScToCB=FVlaqurMBfv2Et&1He#FEpd$~Nl7e8wMs5Z1yT$~ z21aJO28OzZCLsnURt82^#wOYZ237_JE>jk5MbVI(pOTqYiCcr|NhwaC1`W6kC7HRY b#U+Wk1-SJj-Lbv~)WhKE>gTe~DWM4f?pT9{ literal 0 HcmV?d00001 diff --git a/miniprogram2/assets/icons/match.png b/miniprogram2/assets/icons/match.png new file mode 100644 index 0000000000000000000000000000000000000000..b15582e3720ae81bfd63a759fb0aaf1ac555fa51 GIT binary patch literal 725 zcmeAS@N?(olHy`uVBq!ia0vp^fgsGm0wfvQn)U)og=CK)Uj~LMH3o);76yi2K%s^g z3=E|P3=FRl7#OT(FffQ0%-I!a1C(G&@^*J&_}|`tWSuh@ z85LUuoH!tai*Hc)U$J}IR+YzCt5x2dxNdsEo88}IZ6z2iRX#*6FrShYz! zO#K(xcE0EKv;AMs_I&J{R#Sb}Bzc?kLM7dr1?w{+ySAJ0$LU|*BDytw&&H=KMB+b8 zeXc6L?8UOVk#bXV&cEFBR-tQSLVk$Do*o68C(83raX1N2KFHQ;e^e&&+Kq)%=S|YD zcAg}^<@2qXlb^1X4YS*BcjV{a^v=ZJd=E-DI&5C=`{~|3#)`jZF3zZzTRdBTDnIA{ zg^C9g`~-9&zx*_lJi*zdYxJ~4*6~=#VvDSoO(yTN)!!^pI6C)Tp-I>NoTDeJ{dT1s zJ83^RtjgNNe&$rGzY~*KG7PLTGAnxOV>Feiid7pjRkL$~A-t{l$NqsxsxqRQ% zn-_{#1)RBaYnk?)r*WeBdAX}Cw(bt@;nDQk7&c*%NH(h`7c4B5qW&=*o0Bx}L0Kax zmQ_n!BT7;dOH!?pi&B9UgOP!enXZAMuAxbYfr*uYk(IHDwt<0_fq~1EMO#rc + + diff --git a/miniprogram2/assets/icons/my-active.png b/miniprogram2/assets/icons/my-active.png new file mode 100644 index 0000000000000000000000000000000000000000..da62b4367dbc809c2e64a00821cce980ce3d1c30 GIT binary patch literal 907 zcmeAS@N?(olHy`uVBq!ia0vp^fgsGm3?%0U?qUH_3dtTpz6=aiY77hwEes65fIl8_s;5>q48lEBhUuMByV?@@LH~$ z@<0xIiKnkC`zuC17A7UP*Y34IpH79fui}4y z^g1w!^=MUw^E|V|(UX6BltdS)i>2$mdl%_{%1->}Ed9Y};Is zc6OR=`NyWs8Pj*4iGRAxnANyGHbCF?TGGm#)kTj#Y|FYFt^8un(cQbA?0w|yvdJ;4 zNG$ruwnc6}lcai%_9ab>cr7H~8F(zof1|&N==_fJJx9flG8V45q1q?Wy}ob%--gXU zp2gMt|NE%Dy0FJpC#kScToCB=FVlaqurMBfv2Et&1He#FEpd$~Nl7e8wMs5Z1yT$~ z21aJO28OzZCLsnURt82^#wOYZ237_JE>jk5MbVI(pOTqYiCcr|NhwaC1`W6kC7HRY b#U+Wk1-SJj-Lbv~)WhKE>gTe~DWM4f?pT9{ literal 0 HcmV?d00001 diff --git a/miniprogram2/assets/icons/my.png b/miniprogram2/assets/icons/my.png new file mode 100644 index 0000000000000000000000000000000000000000..b15582e3720ae81bfd63a759fb0aaf1ac555fa51 GIT binary patch literal 725 zcmeAS@N?(olHy`uVBq!ia0vp^fgsGm0wfvQn)U)og=CK)Uj~LMH3o);76yi2K%s^g z3=E|P3=FRl7#OT(FffQ0%-I!a1C(G&@^*J&_}|`tWSuh@ z85LUuoH!tai*Hc)U$J}IR+YzCt5x2dxNdsEo88}IZ6z2iRX#*6FrShYz! zO#K(xcE0EKv;AMs_I&J{R#Sb}Bzc?kLM7dr1?w{+ySAJ0$LU|*BDytw&&H=KMB+b8 zeXc6L?8UOVk#bXV&cEFBR-tQSLVk$Do*o68C(83raX1N2KFHQ;e^e&&+Kq)%=S|YD zcAg}^<@2qXlb^1X4YS*BcjV{a^v=ZJd=E-DI&5C=`{~|3#)`jZF3zZzTRdBTDnIA{ zg^C9g`~-9&zx*_lJi*zdYxJ~4*6~=#VvDSoO(yTN)!!^pI6C)Tp-I>NoTDeJ{dT1s zJ83^RtjgNNe&$rGzY~*KG7PLTGAnxOV>Feiid7pjRkL$~A-t{l$NqsxsxqRQ% zn-_{#1)RBaYnk?)r*WeBdAX}Cw(bt@;nDQk7&c*%NH(h`7c4B5qW&=*o0Bx}L0Kax zmQ_n!BT7;dOH!?pi&B9UgOP!enXZAMuAxbYfr*uYk(IHDwt<0_fq~1EMO#rc + + + + + + + + + + + diff --git a/miniprogram2/assets/icons/settings.svg b/miniprogram2/assets/icons/settings.svg new file mode 100644 index 00000000..c7006ea8 --- /dev/null +++ b/miniprogram2/assets/icons/settings.svg @@ -0,0 +1,4 @@ + + + + diff --git a/miniprogram2/assets/icons/share.svg b/miniprogram2/assets/icons/share.svg new file mode 100644 index 00000000..93179fc2 --- /dev/null +++ b/miniprogram2/assets/icons/share.svg @@ -0,0 +1,7 @@ + + + + + + + diff --git a/miniprogram2/assets/icons/sparkles.svg b/miniprogram2/assets/icons/sparkles.svg new file mode 100644 index 00000000..e2a4461f --- /dev/null +++ b/miniprogram2/assets/icons/sparkles.svg @@ -0,0 +1,6 @@ + + + + + + diff --git a/miniprogram2/assets/icons/user.svg b/miniprogram2/assets/icons/user.svg new file mode 100644 index 00000000..8b190427 --- /dev/null +++ b/miniprogram2/assets/icons/user.svg @@ -0,0 +1,4 @@ + + + + diff --git a/miniprogram2/assets/icons/users.svg b/miniprogram2/assets/icons/users.svg new file mode 100644 index 00000000..4816094b --- /dev/null +++ b/miniprogram2/assets/icons/users.svg @@ -0,0 +1,6 @@ + + + + + + diff --git a/miniprogram2/assets/icons/wallet.svg b/miniprogram2/assets/icons/wallet.svg new file mode 100644 index 00000000..6d431e54 --- /dev/null +++ b/miniprogram2/assets/icons/wallet.svg @@ -0,0 +1,4 @@ + + + + diff --git a/miniprogram2/components/icon/README.md b/miniprogram2/components/icon/README.md new file mode 100644 index 00000000..34e394c8 --- /dev/null +++ b/miniprogram2/components/icon/README.md @@ -0,0 +1,175 @@ +# Icon 图标组件 + +SVG 图标组件，参考 lucide-react 实现，用于在小程序中使用矢量图标。 + +**技术实现**: 使用 Base64 编码的 SVG + image 组件（小程序不支持直接使用 SVG 标签） + +--- + +## 使用方法 + +### 1. 在页面 JSON 中引入组件 + +```json +{ + "usingComponents": { + "icon": "/components/icon/icon" + } +} +``` + +### 2. 在 WXML 中使用 + +```xml + + + + + + + + + + + + + + + + + +``` + +--- + +## 属性说明 + +| 属性 | 类型 | 默认值 | 说明 | +|-----|------|--------|-----| +| name | String | 'share' | 图标名称 | +| size | Number | 48 | 图标大小（rpx） | +| color | String | 'currentColor' | 图标颜色 | +| customClass | String | '' | 自定义类名 | +| customStyle | String | '' | 自定义样式 | + +--- + +## 可用图标 + +| 图标名称 | 说明 | 对应 lucide-react | +|---------|------|-------------------| +| `share` | 分享 | `` | +| `arrow-up-right` | 右上箭头 | `` | +| `chevron-left` | 左箭头 | `` | +| `search` | 搜索 | `` | +| `heart` | 心形 | `` | + +--- + +## 添加新图标 + +在 `icon.js` 的 `getSvgPath` 方法中添加新图标： + +```javascript +getSvgPath(name) { + const svgMap = { + 'new-icon': '', + // ... 其他图标 + } + return svgMap[name] || '' +} +``` + +**获取 SVG 代码**: 访问 [lucide.dev](https://lucide.dev) 搜索图标，复制 SVG 内容。 +**注意**: 颜色使用 `COLOR` 占位符，组件会自动替换。 + +--- + +## 样式定制 + +### 1. 使用 customClass + +```xml + +``` + +```css +.my-icon-class { + opacity: 0.8; +} +``` + +### 2. 使用 customStyle + +```xml + +``` + +--- + +## 技术说明 + +### 为什么使用 Base64 + image？ + +1. **矢量图标**：任意缩放不失真 +2. **灵活着色**：通过 `COLOR` 占位符动态改变颜色 +3. **轻量级**：无需加载字体文件或外部图片 +4. **兼容性**：小程序不支持直接使用 SVG 标签，image 组件支持 Base64 SVG + +### 为什么不用字体图标？ + +小程序对字体文件有限制，Base64 编码字体文件会增加包体积，SVG 图标更轻量。 + +### 与 lucide-react 的对应关系 + +- **lucide-react**: React 组件库，使用 SVG +- **本组件**: 小程序自定义组件，也使用 SVG +- **SVG path 数据**: 完全相同，从 lucide 官网复制 + +--- + +## 示例 + +### 悬浮分享按钮 + +```xml + +``` + +```css +.fab-share { + position: fixed; + right: 32rpx; + bottom: calc(120rpx + env(safe-area-inset-bottom)); + width: 96rpx; + height: 96rpx; + border-radius: 50%; + background: linear-gradient(135deg, #00CED1 0%, #20B2AA 100%); + display: flex; + align-items: center; + justify-content: center; +} +``` + +--- + +## 扩展图标库 + +可以继续添加更多 lucide-react 图标： + +- `star` - 星星 +- `wallet` - 钱包 +- `gift` - 礼物 +- `info` - 信息 +- `settings` - 设置 +- `user` - 用户 +- `book-open` - 打开的书 +- `eye` - 眼睛 +- `clock` - 时钟 +- `users` - 用户组 + +--- + +**图标组件创建完成！** 🎉 diff --git a/miniprogram2/components/icon/icon.js b/miniprogram2/components/icon/icon.js new file mode 100644 index 00000000..b2dec23f --- /dev/null +++ b/miniprogram2/components/icon/icon.js @@ -0,0 +1,83 @@ +// components/icon/icon.js +Component({ + properties: { + // 图标名称 + name: { + type: String, + value: 'share', + observer: 'updateIcon' + }, + // 图标大小（rpx） + size: { + type: Number, + value: 48 + }, + // 图标颜色 + color: { + type: String, + value: '#ffffff', + observer: 'updateIcon' + }, + // 自定义类名 + customClass: { + type: String, + value: '' + }, + // 自定义样式 + customStyle: { + type: String, + value: '' + } + }, + + data: { + svgData: '' + }, + + lifetimes: { + attached() { + this.updateIcon() + } + }, + + methods: { + // SVG 图标数据映射 + getSvgPath(name) { + const svgMap = { + 'share': '', + + 'arrow-up-right': '', + + 'chevron-left': '', + + 'search': '', + + 'heart': '' + } + + return svgMap[name] || '' + }, + + // 更新图标 + updateIcon() { + const { name, color } = this.data + let svgString = this.getSvgPath(name) + + if (svgString) { + // 替换颜色占位符 + svgString = svgString.replace(/COLOR/g, color) + + // 转换为 Base64 Data URL + const svgData = `data:image/svg+xml;charset=utf-8,${encodeURIComponent(svgString)}` + + this.setData({ + svgData: svgData + }) + } else { + this.setData({ + svgData: '' + }) + } + } + } +}) diff --git a/miniprogram2/components/icon/icon.json b/miniprogram2/components/icon/icon.json new file mode 100644 index 00000000..a89ef4db --- /dev/null +++ b/miniprogram2/components/icon/icon.json @@ -0,0 +1,4 @@ +{ + "component": true, + "usingComponents": {} +} diff --git a/miniprogram2/components/icon/icon.wxml b/miniprogram2/components/icon/icon.wxml new file mode 100644 index 00000000..b1c29a25 --- /dev/null +++ b/miniprogram2/components/icon/icon.wxml @@ -0,0 +1,5 @@ + + + + {{name}} + diff --git a/miniprogram2/components/icon/icon.wxss b/miniprogram2/components/icon/icon.wxss new file mode 100644 index 00000000..d12d2a0a --- /dev/null +++ b/miniprogram2/components/icon/icon.wxss @@ -0,0 +1,18 @@ +/* components/icon/icon.wxss */ +.icon { + display: inline-flex; + align-items: center; + justify-content: center; + flex-shrink: 0; +} + +.icon-image { + display: block; + width: 100%; + height: 100%; +} + +.icon-text { + font-size: 24rpx; + color: currentColor; +} diff --git a/miniprogram2/custom-tab-bar/index.js b/miniprogram2/custom-tab-bar/index.js new file mode 100644 index 00000000..4acd9546 --- /dev/null +++ b/miniprogram2/custom-tab-bar/index.js @@ -0,0 +1,153 @@ +/** + * Soul创业实验 - 自定义TabBar组件 + * 根据后台配置动态显示/隐藏"找伙伴"按钮 + */ + +console.log('[TabBar] ===== 组件文件开始加载 =====') + +const app = getApp() +console.log('[TabBar] App 对象:', app) + +Component({ + data: { + selected: 0, + color: '#8e8e93', + selectedColor: '#00CED1', + matchEnabled: false, // 找伙伴功能开关，默认关闭 + list: [ + { + pagePath: '/pages/index/index', + text: '首页', + iconType: 'home' + }, + { + pagePath: '/pages/chapters/chapters', + text: '目录', + iconType: 'list' + }, + { + pagePath: '/pages/match/match', + text: '找伙伴', + iconType: 'match', + isSpecial: true + }, + { + pagePath: '/pages/my/my', + text: '我的', + iconType: 'user' + } + ] + }, + + lifetimes: { + attached() { + console.log('[TabBar] Component attached 生命周期触发') + this.loadFeatureConfig() + }, + ready() { + console.log('[TabBar] Component ready 生命周期触发') + // 如果 attached 中没有成功加载，在 ready 中再次尝试 + if (this.data.matchEnabled === undefined || this.data.matchEnabled === null) { + console.log('[TabBar] 在 ready 中重新加载配置') + this.loadFeatureConfig() + } + } + }, + + // 页面加载时也调用（兼容性更好） + attached() { + console.log('[TabBar] attached() 方法触发') + this.loadFeatureConfig() + }, + + methods: { + // 加载功能配置 + async loadFeatureConfig() { + try { + console.log('[TabBar] 开始加载功能配置...') + console.log('[TabBar] API地址:', app.globalData.baseUrl + '/api/miniprogram/config') + + // app.request 的第一个参数是 url 字符串，第二个参数是 options 对象 + const res = await app.request('/api/miniprogram/config', { + method: 'GET' + }) + + + // 兼容两种返回格式 + let matchEnabled = false + + if (res && res.success && res.features) { + console.log('[TabBar] features配置:', JSON.stringify(res.features)) + matchEnabled = res.features.matchEnabled === true + console.log('[TabBar] matchEnabled值:', matchEnabled) + } else if (res && res.configs && res.configs.feature_config) { + // 备用格式：从 configs.feature_config 读取 + console.log('[TabBar] 使用备用格式，从configs读取') + matchEnabled = res.configs.feature_config.matchEnabled === true + console.log('[TabBar] matchEnabled值:', matchEnabled) + } else { + console.log('[TabBar] ⚠️ 未找到features配置，使用默认值false') + console.log('[TabBar] res对象keys:', Object.keys(res || {})) + } + + this.setData({ matchEnabled }, () => { + console.log('[TabBar] ✅ matchEnabled已设置为:', this.data.matchEnabled) + // 配置加载完成后，根据当前路由设置选中状态 + this.updateSelected() + }) + + // 如果当前在找伙伴页面，但功能已关闭，跳转到首页 + if (!matchEnabled) { + const pages = getCurrentPages() + const currentPage = pages[pages.length - 1] + if (currentPage && currentPage.route === 'pages/match/match') { + console.log('[TabBar] 找伙伴功能已关闭，从match页面跳转到首页') + wx.switchTab({ url: '/pages/index/index' }) + } + } + } catch (error) { + console.log('[TabBar] ❌ 加载功能配置失败:', error) + console.log('[TabBar] 错误详情:', error.message || error) + // 默认关闭找伙伴功能 + this.setData({ matchEnabled: false }, () => { + this.updateSelected() + }) + } + }, + + // 根据当前路由更新选中状态 + updateSelected() { + const pages = getCurrentPages() + if (pages.length === 0) return + + const currentPage = pages[pages.length - 1] + const route = currentPage.route + + let selected = 0 + const { matchEnabled } = this.data + + // 根据路由匹配对应的索引 + if (route === 'pages/index/index') { + selected = 0 + } else if (route === 'pages/chapters/chapters') { + selected = 1 + } else if (route === 'pages/match/match') { + selected = 2 + } else if (route === 'pages/my/my') { + selected = matchEnabled ? 3 : 2 + } + + this.setData({ selected }) + }, + + switchTab(e) { + const data = e.currentTarget.dataset + const url = data.path + const index = data.index + + if (this.data.selected === index) return + + wx.switchTab({ url }) + } + } +}) diff --git a/miniprogram2/custom-tab-bar/index.json b/miniprogram2/custom-tab-bar/index.json new file mode 100644 index 00000000..467ce294 --- /dev/null +++ b/miniprogram2/custom-tab-bar/index.json @@ -0,0 +1,3 @@ +{ + "component": true +} diff --git a/miniprogram2/custom-tab-bar/index.wxml b/miniprogram2/custom-tab-bar/index.wxml new file mode 100644 index 00000000..73369b2a --- /dev/null +++ b/miniprogram2/custom-tab-bar/index.wxml @@ -0,0 +1,47 @@ + + + + + + + + + + {{list[0].text}} + + + + + + + + {{list[1].text}} + + + + + + + + {{list[2].text}} + + + + + + + + {{list[3].text}} + + diff --git a/miniprogram2/custom-tab-bar/index.wxss b/miniprogram2/custom-tab-bar/index.wxss new file mode 100644 index 00000000..98036655 --- /dev/null +++ b/miniprogram2/custom-tab-bar/index.wxss @@ -0,0 +1,121 @@ +/** + * Soul创业实验 - 自定义TabBar样式 + * 实现中间突出的"找伙伴"按钮 + */ + +.tab-bar { + position: fixed; + bottom: 0; + left: 0; + right: 0; + height: 100rpx; + background: rgba(28, 28, 30, 0.95); + backdrop-filter: blur(40rpx); + -webkit-backdrop-filter: blur(40rpx); + display: flex; + align-items: flex-end; + padding-bottom: env(safe-area-inset-bottom); + z-index: 999; +} + +/* 三个tab布局（找伙伴功能关闭时） */ +.tab-bar-three .tab-bar-item { + flex: 1; +} + +/* 四个tab布局（找伙伴功能开启时） */ +.tab-bar-four .tab-bar-item { + flex: 1; +} + +.tab-bar-border { + position: absolute; + top: 0; + left: 0; + right: 0; + height: 1rpx; + background: rgba(255, 255, 255, 0.05); +} + +.tab-bar-item { + flex: 1; + display: flex; + flex-direction: column; + align-items: center; + justify-content: center; + padding: 10rpx 0 16rpx; +} + +.icon-wrapper { + width: 48rpx; + height: 48rpx; + display: flex; + align-items: center; + justify-content: center; + margin-bottom: 4rpx; +} + +.icon { + width: 44rpx; + height: 44rpx; + display: flex; + align-items: center; + justify-content: center; +} + +.tab-bar-text { + font-size: 22rpx; + line-height: 1; +} + +/* ===== SVG 图标样式 ===== */ +.tab-icon { + width: 48rpx; + height: 48rpx; + display: block; + filter: brightness(0) saturate(100%) invert(60%) sepia(0%) saturate(0%) hue-rotate(0deg) brightness(95%) contrast(85%); +} + +.tab-icon.icon-active { + filter: brightness(0) saturate(100%) invert(72%) sepia(54%) saturate(2933%) hue-rotate(134deg) brightness(101%) contrast(101%); +} + + +/* ===== 找伙伴 - 中间特殊按钮 ===== */ +.special-item { + position: relative; + margin-top: -32rpx; +} + +.special-button { + width: 112rpx; + height: 112rpx; + border-radius: 50%; + background: linear-gradient(135deg, #00CED1 0%, #20B2AA 100%); + display: flex; + align-items: center; + justify-content: center; + box-shadow: 0 8rpx 32rpx rgba(0, 206, 209, 0.4); + margin-bottom: 4rpx; + transition: all 0.2s ease; +} + +.special-button:active { + transform: scale(0.95); +} + +.special-active { + box-shadow: 0 8rpx 40rpx rgba(0, 206, 209, 0.6); +} + +.special-text { + margin-top: 4rpx; +} + +/* ===== 找伙伴特殊按钮图标 ===== */ +.special-icon { + width: 80rpx; + height: 80rpx; + display: block; + filter: brightness(0) saturate(100%) invert(100%) sepia(0%) saturate(0%) hue-rotate(0deg) brightness(100%) contrast(100%); +} diff --git a/miniprogram2/pages/about/about.js b/miniprogram2/pages/about/about.js new file mode 100644 index 00000000..c4f6b68e --- /dev/null +++ b/miniprogram2/pages/about/about.js @@ -0,0 +1,89 @@ +/** + * Soul创业派对 - 关于作者页 + * 开发: 卡若 + */ +const app = getApp() + +Page({ + data: { + statusBarHeight: 44, + author: { + name: '卡若', + avatar: 'K', + title: 'Soul派对房主理人 · 私域运营专家', + bio: '每天早上6点到9点，在Soul派对房分享真实的创业故事。专注私域运营与项目变现，用"云阿米巴"模式帮助创业者构建可持续的商业体系。本书记录了62个真实商业案例，涵盖电商、内容、传统行业等多个领域。', + stats: [ + { label: '商业案例', value: '62' }, + { label: '连续直播', value: '365天' }, + { label: '派对分享', value: '1000+' } + ], + // 联系方式已移至后台配置 + contact: null, + highlights: [ + '5年私域运营经验', + '帮助100+品牌从0到1增长', + '连续创业者，擅长商业模式设计' + ] + }, + bookInfo: { + title: '一场Soul的创业实验', + totalChapters: 62, + parts: [ + { name: '真实的人', chapters: 10 }, + { name: '真实的行业', chapters: 15 }, + { name: '真实的错误', chapters: 9 }, + { name: '真实的赚钱', chapters: 20 }, + { name: '真实的社会', chapters: 9 } + ], + price: 9.9 + } + }, + + onLoad() { + this.setData({ + statusBarHeight: app.globalData.statusBarHeight + }) + this.loadBookStats() + }, + + // 加载书籍统计 + async loadBookStats() { + try { + const res = await app.request('/api/miniprogram/book/stats') + if (res && res.success) { + this.setData({ + 'bookInfo.totalChapters': res.data?.totalChapters || 62, + 'author.stats': [ + { label: '商业案例', value: String(res.data?.totalChapters || 62) }, + { label: '连续直播', value: '365天' }, + { label: '派对分享', value: '1000+' } + ] + }) + } + } catch (e) { + console.log('[About] 加载书籍统计失败，使用默认值') + } + }, + + // 联系方式功能已禁用 + copyWechat() { + wx.showToast({ title: '请在派对房联系作者', icon: 'none' }) + }, + + callPhone() { + wx.showToast({ title: '请在派对房联系作者', icon: 'none' }) + }, + + // 返回 + goBack() { + wx.navigateBack() + }, + + onShareAppMessage() { + const ref = app.getMyReferralCode() + return { + title: 'Soul创业派对 - 关于作者', + path: ref ? `/pages/about/about?ref=${ref}` : '/pages/about/about' + } + } +}) diff --git a/miniprogram2/pages/about/about.json b/miniprogram2/pages/about/about.json new file mode 100644 index 00000000..e90e9960 --- /dev/null +++ b/miniprogram2/pages/about/about.json @@ -0,0 +1,4 @@ +{ + "usingComponents": {}, + "navigationStyle": "custom" +} diff --git a/miniprogram2/pages/about/about.wxml b/miniprogram2/pages/about/about.wxml new file mode 100644 index 00000000..598e9464 --- /dev/null +++ b/miniprogram2/pages/about/about.wxml @@ -0,0 +1,75 @@ + + + + ← + 关于作者 + + + + + + + + {{author.avatar}} + {{author.name}} + {{author.title}} + {{author.bio}} + + + + + {{item.value}} + {{item.label}} + + + + + + + ✓ + {{item}} + + + + + + + 📚 {{bookInfo.title}} + + + {{bookInfo.totalChapters}} + 篇章节 + + + 5 + 大篇章 + + + ¥{{bookInfo.price}} + 全书价格 + + + + + {{item.name}} + {{item.chapters}}节 + + + + + + + 联系作者 + + 🎉 + + Soul派对房 + 每天早上6-9点开播 + + + + 在Soul App搜索"创业实验"或"卡若"，加入派对房直接交流 + + + + diff --git a/miniprogram2/pages/about/about.wxss b/miniprogram2/pages/about/about.wxss new file mode 100644 index 00000000..337aa041 --- /dev/null +++ b/miniprogram2/pages/about/about.wxss @@ -0,0 +1,40 @@ +.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; } +.author-card { background: linear-gradient(135deg, #1c1c1e 0%, #2c2c2e 100%); border-radius: 32rpx; padding: 48rpx; text-align: center; margin-bottom: 24rpx; border: 2rpx solid rgba(0,206,209,0.2); } +.author-avatar { width: 160rpx; height: 160rpx; border-radius: 50%; background: linear-gradient(135deg, #00CED1, #20B2AA); display: flex; align-items: center; justify-content: center; margin: 0 auto 24rpx; font-size: 64rpx; color: #fff; font-weight: 700; border: 4rpx solid rgba(0,206,209,0.3); } +.author-name { font-size: 40rpx; font-weight: 700; color: #fff; display: block; margin-bottom: 8rpx; } +.author-title { font-size: 26rpx; color: #00CED1; display: block; margin-bottom: 24rpx; } +.author-bio { font-size: 26rpx; color: rgba(255,255,255,0.7); line-height: 1.8; display: block; margin-bottom: 32rpx; } +.stats-row { display: flex; justify-content: space-around; padding-top: 32rpx; border-top: 2rpx solid rgba(255,255,255,0.1); } +.stat-item { text-align: center; } +.stat-value { font-size: 36rpx; font-weight: 700; color: #00CED1; display: block; } +.stat-label { font-size: 22rpx; color: rgba(255,255,255,0.5); } +.contact-card { background: #1c1c1e; border-radius: 32rpx; padding: 32rpx; } +.card-title { font-size: 28rpx; font-weight: 600; color: #fff; display: block; margin-bottom: 24rpx; } +.contact-item { display: flex; align-items: center; gap: 24rpx; padding: 24rpx; background: rgba(255,255,255,0.05); border-radius: 16rpx; margin-bottom: 16rpx; } +.contact-item:last-child { margin-bottom: 0; } +.contact-icon { font-size: 40rpx; } +.contact-info { flex: 1; } +.contact-label { font-size: 22rpx; color: rgba(255,255,255,0.5); display: block; } +.contact-value { font-size: 28rpx; color: #fff; } +.contact-btn { padding: 12rpx 24rpx; background: rgba(0,206,209,0.2); color: #00CED1; font-size: 24rpx; border-radius: 16rpx; } + +/* 亮点标签 */ +.highlights { display: flex; flex-wrap: wrap; gap: 16rpx; margin-top: 32rpx; padding-top: 24rpx; border-top: 2rpx solid rgba(255,255,255,0.1); justify-content: center; } +.highlight-tag { display: flex; align-items: center; gap: 8rpx; padding: 12rpx 24rpx; background: rgba(0,206,209,0.15); border-radius: 24rpx; font-size: 24rpx; color: rgba(255,255,255,0.8); } +.tag-icon { color: #00CED1; font-size: 22rpx; } + +/* 书籍信息卡片 */ +.book-info-card { background: #1c1c1e; border-radius: 32rpx; padding: 32rpx; margin-bottom: 24rpx; } +.book-stats { display: flex; justify-content: space-around; padding: 24rpx 0; margin: 16rpx 0; background: rgba(0,0,0,0.3); border-radius: 16rpx; } +.book-stat { text-align: center; } +.book-stat-value { font-size: 36rpx; font-weight: 700; color: #FFD700; display: block; } +.book-stat-label { font-size: 22rpx; color: rgba(255,255,255,0.5); } +.parts-list { display: flex; flex-wrap: wrap; gap: 12rpx; margin-top: 16rpx; } +.part-item { display: flex; align-items: center; gap: 8rpx; padding: 12rpx 20rpx; background: rgba(255,255,255,0.05); border-radius: 12rpx; } +.part-name { font-size: 24rpx; color: rgba(255,255,255,0.8); } +.part-chapters { font-size: 22rpx; color: #00CED1; } diff --git a/miniprogram2/pages/addresses/addresses.js b/miniprogram2/pages/addresses/addresses.js new file mode 100644 index 00000000..cd13fe90 --- /dev/null +++ b/miniprogram2/pages/addresses/addresses.js @@ -0,0 +1,131 @@ +/** + * 收货地址列表页 + * 参考 Next.js: app/view/my/addresses/page.tsx + */ + +const app = getApp() + +Page({ + data: { + statusBarHeight: 44, + isLoggedIn: false, + addressList: [], + loading: true + }, + + onLoad() { + this.setData({ + statusBarHeight: app.globalData.statusBarHeight || 44 + }) + this.checkLogin() + }, + + onShow() { + if (this.data.isLoggedIn) { + this.loadAddresses() + } + }, + + // 检查登录状态 + checkLogin() { + const isLoggedIn = app.globalData.isLoggedIn + const userId = app.globalData.userInfo?.id + + if (!isLoggedIn || !userId) { + wx.showModal({ + title: '需要登录', + content: '请先登录后再管理收货地址', + confirmText: '去登录', + success: (res) => { + if (res.confirm) { + wx.switchTab({ url: '/pages/my/my' }) + } else { + wx.navigateBack() + } + } + }) + return + } + + this.setData({ isLoggedIn: true }) + this.loadAddresses() + }, + + // 加载地址列表 + async loadAddresses() { + const userId = app.globalData.userInfo?.id + if (!userId) return + + this.setData({ loading: true }) + + try { + const res = await app.request(`/api/miniprogram/user/addresses?userId=${userId}`) + if (res.success && res.list) { + this.setData({ + addressList: res.list, + loading: false + }) + } else { + this.setData({ addressList: [], loading: false }) + } + } catch (e) { + console.error('加载地址列表失败:', e) + this.setData({ loading: false }) + wx.showToast({ title: '加载失败', icon: 'none' }) + } + }, + + // 编辑地址 + editAddress(e) { + const id = e.currentTarget.dataset.id + wx.navigateTo({ url: `/pages/addresses/edit?id=${id}` }) + }, + + // 删除地址 + deleteAddress(e) { + const id = e.currentTarget.dataset.id + + wx.showModal({ + title: '确认删除', + content: '确定要删除该收货地址吗？', + confirmColor: '#FF3B30', + success: async (res) => { + if (res.confirm) { + try { + const result = await app.request(`/api/miniprogram/user/addresses/${id}`, { + method: 'DELETE' + }) + + if (result.success) { + wx.showToast({ title: '删除成功', icon: 'success' }) + this.loadAddresses() + } else { + wx.showToast({ title: result.message || '删除失败', icon: 'none' }) + } + } catch (e) { + console.error('删除地址失败:', e) + wx.showToast({ title: '删除失败', icon: 'none' }) + } + } + } + }) + }, + + // 新增地址 + addAddress() { + wx.navigateTo({ url: '/pages/addresses/edit' }) + }, + + // 返回 + goBack() { + wx.navigateBack() + }, + + onShareAppMessage() { + const ref = app.getMyReferralCode() + return { + title: 'Soul创业派对 - 收货地址', + path: ref ? `/pages/addresses/addresses?ref=${ref}` : '/pages/addresses/addresses' + } + } +}) diff --git a/miniprogram2/pages/addresses/addresses.json b/miniprogram2/pages/addresses/addresses.json new file mode 100644 index 00000000..2e45b65e --- /dev/null +++ b/miniprogram2/pages/addresses/addresses.json @@ -0,0 +1,5 @@ +{ + "usingComponents": {}, + "navigationStyle": "custom", + "enablePullDownRefresh": false +} diff --git a/miniprogram2/pages/addresses/addresses.wxml b/miniprogram2/pages/addresses/addresses.wxml new file mode 100644 index 00000000..cec2ef6e --- /dev/null +++ b/miniprogram2/pages/addresses/addresses.wxml @@ -0,0 +1,66 @@ + + + + + + ‹ + + 收货地址 + + + + + + + + 加载中... + + + + + 📍 + 暂无收货地址 + 点击下方按钮添加 + + + + + + + {{item.name}} + {{item.phone}} + 默认 + + {{item.fullAddress}} + + + ✏️ + 编辑 + + + 🗑️ + 删除 + + + + + + + + ➕ + 新增收货地址 + + + diff --git a/miniprogram2/pages/addresses/addresses.wxss b/miniprogram2/pages/addresses/addresses.wxss new file mode 100644 index 00000000..9ff21637 --- /dev/null +++ b/miniprogram2/pages/addresses/addresses.wxss @@ -0,0 +1,217 @@ +/** + * 收货地址列表页样式 + */ + +.page { + min-height: 100vh; + background: #000000; + padding-bottom: 200rpx; +} + +/* ===== 导航栏 ===== */ +.nav-bar { + position: fixed; + top: 0; + left: 0; + right: 0; + z-index: 100; + background: rgba(0, 0, 0, 0.9); + backdrop-filter: blur(40rpx); + border-bottom: 1rpx solid rgba(255, 255, 255, 0.05); +} + +.nav-bar { + display: flex; + align-items: center; + justify-content: space-between; + padding: 0 32rpx; + height: 88rpx; +} + +.nav-back { + width: 64rpx; + height: 64rpx; + border-radius: 50%; + background: rgba(255, 255, 255, 0.1); + display: flex; + align-items: center; + justify-content: center; +} + +.nav-back:active { + background: rgba(255, 255, 255, 0.15); +} + +.back-icon { + font-size: 48rpx; + color: #ffffff; + line-height: 1; +} + +.nav-title { + flex: 1; + text-align: center; + font-size: 36rpx; + font-weight: 600; + color: #ffffff; +} + +.nav-placeholder { + width: 64rpx; +} + +/* ===== 内容区 ===== */ +.content { + padding: 32rpx; +} + +/* ===== 加载状态 ===== */ +.loading-state { + padding: 240rpx 0; + text-align: center; +} + +.loading-text { + font-size: 28rpx; + color: rgba(255, 255, 255, 0.4); +} + +/* ===== 空状态 ===== */ +.empty-state { + padding: 240rpx 0; + text-align: center; + display: flex; + flex-direction: column; + align-items: center; +} + +.empty-icon { + font-size: 96rpx; + margin-bottom: 24rpx; + opacity: 0.3; +} + +.empty-text { + font-size: 28rpx; + color: rgba(255, 255, 255, 0.6); + margin-bottom: 16rpx; +} + +.empty-tip { + font-size: 24rpx; + color: rgba(255, 255, 255, 0.4); +} + +/* ===== 地址列表 ===== */ +.address-list { + margin-bottom: 24rpx; +} + +.address-card { + background: #1c1c1e; + border-radius: 24rpx; + border: 2rpx solid rgba(255, 255, 255, 0.05); + padding: 32rpx; + margin-bottom: 24rpx; +} + +/* 地址头部 */ +.address-header { + display: flex; + align-items: center; + gap: 16rpx; + margin-bottom: 16rpx; +} + +.receiver-name { + font-size: 32rpx; + font-weight: 600; + color: #ffffff; +} + +.receiver-phone { + font-size: 28rpx; + color: rgba(255, 255, 255, 0.5); +} + +.default-tag { + font-size: 22rpx; + color: #00CED1; + background: rgba(0, 206, 209, 0.2); + padding: 6rpx 16rpx; + border-radius: 8rpx; + margin-left: auto; +} + +/* 地址文本 */ +.address-text { + font-size: 28rpx; + color: rgba(255, 255, 255, 0.6); + line-height: 1.6; + display: block; + margin-bottom: 24rpx; + padding-bottom: 24rpx; + border-bottom: 2rpx solid rgba(255, 255, 255, 0.05); +} + +/* 操作按钮 */ +.address-actions { + display: flex; + justify-content: flex-end; + gap: 32rpx; +} + +.action-btn { + display: flex; + align-items: center; + gap: 8rpx; + padding: 8rpx 0; +} + +.action-btn:active { + opacity: 0.6; +} + +.edit-btn { + color: #00CED1; +} + +.delete-btn { + color: #FF3B30; +} + +.action-icon { + font-size: 28rpx; +} + +.action-text { + font-size: 28rpx; +} + +/* ===== 新增按钮 ===== */ +.add-btn { + display: flex; + align-items: center; + justify-content: center; + gap: 16rpx; + padding: 32rpx; + background: #00CED1; + border-radius: 24rpx; + font-weight: 600; + margin-top: 48rpx; +} + +.add-btn:active { + opacity: 0.8; + transform: scale(0.98); +} + +.add-icon { + font-size: 36rpx; + color: #000000; +} + +.add-text { + font-size: 32rpx; + color: #000000; +} diff --git a/miniprogram2/pages/addresses/edit.js b/miniprogram2/pages/addresses/edit.js new file mode 100644 index 00000000..4f45893c --- /dev/null +++ b/miniprogram2/pages/addresses/edit.js @@ -0,0 +1,209 @@ +/** + * 地址编辑页（新增/编辑） + * 参考 Next.js: app/view/my/addresses/[id]/page.tsx + */ + +const app = getApp() + +Page({ + data: { + statusBarHeight: 44, + isEdit: false, // 是否为编辑模式 + addressId: null, + + // 表单数据 + name: '', + phone: '', + province: '', + city: '', + district: '', + detail: '', + isDefault: false, + + // 地区选择器 + region: [], + + saving: false + }, + + onLoad(options) { + this.setData({ + statusBarHeight: app.globalData.statusBarHeight || 44 + }) + + // 如果有 id 参数，则为编辑模式 + if (options.id) { + this.setData({ + isEdit: true, + addressId: options.id + }) + this.loadAddress(options.id) + } + }, + + // 加载地址详情（编辑模式） + async loadAddress(id) { + wx.showLoading({ title: '加载中...', mask: true }) + + try { + const res = await app.request(`/api/miniprogram/user/addresses/${id}`) + if (res.success && res.data) { + const addr = res.data + this.setData({ + name: addr.name || '', + phone: addr.phone || '', + province: addr.province || '', + city: addr.city || '', + district: addr.district || '', + detail: addr.detail || '', + isDefault: addr.isDefault || false, + region: [addr.province, addr.city, addr.district] + }) + } else { + wx.showToast({ title: '加载失败', icon: 'none' }) + } + } catch (e) { + console.error('加载地址详情失败:', e) + wx.showToast({ title: '加载失败', icon: 'none' }) + } finally { + wx.hideLoading() + } + }, + + // 表单输入 + onNameInput(e) { + this.setData({ name: e.detail.value }) + }, + + onPhoneInput(e) { + this.setData({ phone: e.detail.value.replace(/\D/g, '').slice(0, 11) }) + }, + + onDetailInput(e) { + this.setData({ detail: e.detail.value }) + }, + + // 地区选择 + onRegionChange(e) { + const region = e.detail.value + this.setData({ + region, + province: region[0], + city: region[1], + district: region[2] + }) + }, + + // 切换默认地址 + onDefaultChange(e) { + this.setData({ isDefault: e.detail.value }) + }, + + // 表单验证 + validateForm() { + const { name, phone, province, city, district, detail } = this.data + + if (!name || name.trim().length === 0) { + wx.showToast({ title: '请输入收货人姓名', icon: 'none' }) + return false + } + + if (!phone || phone.length !== 11) { + wx.showToast({ title: '请输入正确的手机号', icon: 'none' }) + return false + } + + if (!province || !city || !district) { + wx.showToast({ title: '请选择省市区', icon: 'none' }) + return false + } + + if (!detail || detail.trim().length === 0) { + wx.showToast({ title: '请输入详细地址', icon: 'none' }) + return false + } + + return true + }, + + // 保存地址 + async saveAddress() { + if (!this.validateForm()) return + if (this.data.saving) return + + this.setData({ saving: true }) + wx.showLoading({ title: '保存中...', mask: true }) + + const { isEdit, addressId, name, phone, province, city, district, detail, isDefault } = this.data + const userId = app.globalData.userInfo?.id + + if (!userId) { + wx.hideLoading() + wx.showToast({ title: '请先登录', icon: 'none' }) + this.setData({ saving: false }) + return + } + + const addressData = { + userId, + name, + phone, + province, + city, + district, + detail, + fullAddress: `${province}${city}${district}${detail}`, + isDefault + } + + try { + let res + if (isEdit) { + // 编辑模式 - PUT 请求 + res = await app.request(`/api/miniprogram/user/addresses/${addressId}`, { + method: 'PUT', + data: addressData + }) + } else { + // 新增模式 - POST 请求 + res = await app.request('/api/miniprogram/user/addresses', { + method: 'POST', + data: addressData + }) + } + + if (res.success) { + wx.hideLoading() + wx.showToast({ + title: isEdit ? '保存成功' : '添加成功', + icon: 'success' + }) + setTimeout(() => { + wx.navigateBack() + }, 1500) + } else { + wx.hideLoading() + wx.showToast({ title: res.message || '保存失败', icon: 'none' }) + this.setData({ saving: false }) + } + } catch (e) { + console.error('保存地址失败:', e) + wx.hideLoading() + wx.showToast({ title: '保存失败', icon: 'none' }) + this.setData({ saving: false }) + } + }, + + // 返回 + goBack() { + wx.navigateBack() + }, + + onShareAppMessage() { + const ref = app.getMyReferralCode() + return { + title: 'Soul创业派对 - 编辑地址', + path: ref ? `/pages/addresses/edit?ref=${ref}` : '/pages/addresses/edit' + } + } +}) diff --git a/miniprogram2/pages/addresses/edit.json b/miniprogram2/pages/addresses/edit.json new file mode 100644 index 00000000..2e45b65e --- /dev/null +++ b/miniprogram2/pages/addresses/edit.json @@ -0,0 +1,5 @@ +{ + "usingComponents": {}, + "navigationStyle": "custom", + "enablePullDownRefresh": false +} diff --git a/miniprogram2/pages/addresses/edit.wxml b/miniprogram2/pages/addresses/edit.wxml new file mode 100644 index 00000000..c5429207 --- /dev/null +++ b/miniprogram2/pages/addresses/edit.wxml @@ -0,0 +1,101 @@ + + + + + + ‹ + + {{isEdit ? '编辑地址' : '新增地址'}} + + + + + + + + + + 👤 + 收货人 + + + + + + + + 📱 + 手机号 + + + + + + + + 📍 + 所在地区 + + + + {{province || city || district ? province + ' ' + city + ' ' + district : '请选择省市区'}} + + + + + + + + 🏠 + 详细地址 + +