×
合作咨询
提交信息后,客户经理将会在一个工作日内与您取得联系
IP形象
姓名 *
手机号 *
合作热线
18865460927

招商资讯 > 资讯详情

樊文花活动小程序开发记录

2026-08-04 22:28:31

可以,而且我认为这个结构更合理:

页面分离,数据统一。

  • “去参与”负责活动展示、购买转化;
  • “我的”负责个人邀约数据、进度、返还和奖励;
  • 两边使用同一套后台数据,不重复维护两套逻辑。

你这张海报很适合做“去参与”页面的主视觉。它已经具备几个重要信息:

  • 品牌和活动氛围;
  • 369 元价格;
  • 套餐项目和价值;
  • 纳新活动的视觉冲击力。

但海报本身没有完整表达“怎么参与、怎么返还、怎么获得 50 元奖励”,所以建议把它作为页面顶部的活动详情,而不是整页只放一张图片。

一、“去参与”页面结构

建议页面名称为“活动详情”或“参与活动”。

顶部导航:活动详情

[樊文花纳新海报]

[距活动结束 02天 08:36:21]

宠粉节 · 礼遇价
¥369
唯一参与套餐

[套餐包含内容]
BOTA肌肤瓶        1次
面部提拉           1次
胶原紧致抗衰管理   1次
三明治定制管理     1次

[参与流程]
01 支付369元
02 邀请有效新用户
03 满2人返还369元
04 第3人起每人奖励50元

[当前邀请者]
我是通过 A 的邀请进入

[活动规则]
支付成功后,经本店员工核验为有效新用户才计入
已支付但停购期不符合要求的用户不计入

底部固定栏:
¥369              立即支付

海报建议这样使用:

  • 顶部完整展示,保持原图比例;
  • 点击海报可以全屏预览;
  • 不要在海报上再叠加大量文字,避免破坏视觉;
  • 倒计时、支付按钮、邀约流程使用原生页面组件补充;
  • 底部固定“立即支付 ¥369”,用户滚动到任何位置都能购买。

倒计时要由服务器返回活动结束时间:

  • 正常状态:距活动结束 03天 08:12:20
  • 低于 24 小时:使用更醒目的红色;
  • 活动结束:按钮变成“活动已结束”,禁止支付;
  • 不建议做高频闪烁,保持稳定、克制,才会显得专业。

二、“我的”页面显示邀约数据

“我的”里面不再重复放整张活动海报,而是做成个人数据中心。

建议增加一个一级入口:

我的
├─ 活动订单
├─ 邀约数据
└─ 收益明细

“邀约数据”页面显示:

我的邀约数据

有效新用户
1 / 2

已邀请人数        4
待人工审核        1
已到账奖励        ¥50
369元返还         返还处理中

我的邀请者
A

我的直属邀请
B      审核通过       计入第1人
C      停购期不足     不计入
D      审核通过       计入第2人
E      审核通过       +¥50 待支付

50元奖励明细
第3位新用户奖励     ¥50   已到账
第4位新用户奖励     ¥50   待支付

这里要明确显示“我的直属邀请”,不要直接显示整个团队人数,否则 A 可能会误以为 B 邀请的人也能直接计入 A。

多级关系展示方式:

A 页面:我的邀请者:无
A 的直属邀请:B、C

B 页面:我的邀请者:A
B 的直属邀请:D、E

D 页面:我的邀请者:B
D 的直属邀请:后续用户

每个用户都有自己的:

  • 邀请者;
  • 直属邀请列表;
  • 0 / 2 进度;
  • 369 元返还状态;
  • 第 3 人以后的 50 元奖励。

三、页面跳转关系

最终建议这样处理:

首页点击“去参与”
        ↓
活动详情 / 369元购买页
        ↓
支付成功
        ↓
显示“查看邀约数据”
        ↓
我的 / 邀约数据

分享链接进入时:

A 分享给 B
        ↓
B 打开活动详情页
        ↓
页面显示:邀请者 A
        ↓
B 支付369元
        ↓
B 成为新的推广人
        ↓
B 可以继续邀请 D、E

按钮状态也要动态变化:

用户状态 首页按钮 活动详情页按钮
未参与 去参与 立即支付 ¥369
已支付未达标 查看邀约 继续邀请
已达到2人 查看邀约 查看返还进度
第3人以后 查看邀约 继续邀请
活动结束 活动已结束 活动已结束

四、视觉风格建议

这张海报本身是热烈的红色和女性美妆视觉,建议页面采用:

  • 深红作为活动主色;
  • 米白和纯白作为信息区域背景;
  • 金色作为 369 元、倒计时和返还重点;
  • 少量黑色文字保证可读性;
  • 页面区块留出足够空白,不要所有内容都做成卡片;
  • 只保留一个主要按钮“立即支付 ¥369”。

最终效果应该是:

顶部有活动气势,中间信息清楚,底部操作明确;用户既能感受到活动价值,也能马上理解购买、邀约和返还规则。

当前项目中可以这样调整:

  • pages/activity/activity:改造成完整的 369 元活动详情购买页;
  • pages/profile/profile:增加“邀约数据”区域;
  • pages/index/index:点击“去参与”继续进入活动详情页;
  • 后端仍然共用邀请关系、审核、返还和奖励接口。

唯一需要最终确认的是“停购多久算新用户”到底采用 6 个月还是 12 个月,这个条件会显示在活动规则和后台审核配置中。


合作热线
18865460927
公司地址
山东省东营市垦利区兴隆路8-5号
产品咨询
产品咨询
Copyright © 2014-2026 东营码良软件开发 Inc. 版权所有 鲁ICP备2025202136号-2 | 经营许可证编号:豫B2-20190103 豫公网安备41019602002340