我的积分
积分规则
15,769积分
积分明细共 0 条
上拉加载更多
积分规则
积分介绍
  1. 万漫社小程序的会员积分,系针对会员注册、消费、参与活动等相关行为所给予的奖励
积分有效期
  1. 积分的有效期为12 个自然月,逾期将在月底的最后一日过期。例如,2024 年 11 月 1 日至 30 日所获得的积分,将统一于 2025 年 11 月 30 日过期清零。
获取积分渠道
  1. 注册会员:首次注册万漫社小程序会员,可获 50 积分
  2. 线上消费:线上每笔订单,实付金额每满 1 元可获 1 积分,不满 1 元的部分不计入。
  3. 其他指定行为:以实际奖励的积分为准。
使用积分渠道
  1. 积分兑换:在万漫社小程序积分商城进行兑换,积分一旦消耗则不予退回,具体兑换内容、方式、数量等以积分商城展示为准。
  2. 积分活动:消耗积分抵扣运费,扣除的积分不予退还。积分使用采用先进先出原则,优先消耗即将过期的积分。
声明
  1. 在获取和使用积分的过程中,若出现违规行为(如作弊领取、恶意套现等),平台有权收回活动中所得的积分,必要时将追究法律责任。
万漫社 · 积分规则以官方公告为准
积分明细
1
顶部导航
纯色 #D96E89 头部:返回箭头 + 标题「我的积分」+ 微信胶囊;iOS 状态栏;返回按来源页智能回跳(积分商城进入回积分商城,其余回我的)
2
余额卡
纯色主粉卡:钻石图标 + 我的积分 + 余额 15,769(与我的页一致)+「积分规则」入口 + 全宽白底「去兑换」按钮跳积分商城
3
来源筛选
胶囊行展示全部 6 个来源(横向滚动,支持左右拖拽 + 两端渐隐提示),选中粉高亮;对齐全站 IP 筛选交互;后续新增来源自动进胶囊行
4
明细列表
时间倒序独立卡片:每行一张白卡(圆角 16px 轻阴影),第一行 来源名 + 右侧 ±积分(获得粉字/消耗深字)+ 箭头,第二行 时间(次级灰);分类与完整内容在详情浮窗看;滚动触底分批加载,每批 20 条
5
明细详情浮窗
点击明细行弹出底部浮窗:大号 ±积分 → 来源 chip(浅粉底)+ 分类 chip(白底粉描边,统一色系文字区分)→ 专属字段行(赏品分解/积分兑换/系统发放/扫码兑换/订单取消 字段各不同),无分割线
6
积分规则浮窗
底部浮窗:积分介绍 / 有效期(12 个自然月)/ 获取渠道 / 使用渠道 / 声明 五张卡片,重点加粗,可滚动阅读
📋 说明面板 / 开发交付文档 — 我的积分页 v1.0
📌 功能概述

我的积分落地页:展示积分余额 + 全量积分明细(5 种来源、4 类分类、不同来源详情字段不同)+ 积分规则;入口为「我的」页积分条 与 积分商城吸底余额条;余额卡「去兑换」可跳转积分商城列表页。

🧱 页面结构
模块内容数据来源
顶部导航返回箭头(按来源页智能回跳)+ 标题「我的积分」+ 胶囊header-nav.js
余额卡钻石图标 + 我的积分 + 余额 + 「积分规则」入口 + 「去兑换」按钮静态 mock(15,769)
来源筛选(胶囊行)全部 6 项来源横向滚动(拖拽 + 渐隐),顺序按使用频率固定
积分明细列表独立卡片(白卡圆角 16px):来源名 + 时间 + ±积分 + 箭头,滚动分批加载;分类与完整内容(赏品/商品/订单/二维码)在详情浮窗mock 120 条(种子生成)
明细详情浮窗来源标签 + 分类 + 大号 ±积分 + 按来源展示专属字段明细行数据
积分规则浮窗五张规则卡片(介绍/有效期/获取/使用/声明)静态文案(2026-08-17 珏哥提供)
📋 功能说明(需求)

积分来源与分类映射

积分来源来源分类关联业务明细详情字段
我的赏袋赏品分解我的赏袋按 IP·系列分组展示赏品列表(缩略图 + 名称 ×数量,一次分解可含多个赏品/跨系列,可滚动;积分数展示在弹窗顶部大数字)
积分兑换积分商城积分商城商品缩略图 + 商品名称 + 兑换数量 ×N(积分数展示在弹窗顶部大数字)
系统发放额外赠送订单补偿订单号(补偿对象)
扫码兑换额外赠送扫码活动兑换码 ID
订单取消发货订单发货订单取消订单号(被取消订单)

明细展示(列表行):来源名 + 积分变动时间 + 积分数量(增加/消耗),两行式;来源分类与完整内容在详情浮窗;订单取消为积分退回(+);所有明细按时间倒序。

积分规则:积分介绍 / 有效期(12 个自然月,月底最后一日过期)/ 获取渠道(注册 50 积分、线上消费满 1 元 1 积分、其他指定行为)/ 使用渠道(积分商城兑换不退、积分抵扣运费、先进先出原则)/ 声明(违规收回)。

🖱️ 交互行为
操作行为影响范围
返回箭头referrer 含「积分商城」回积分商城 latest,否则回小程序我的 latest页面跳转
点「去兑换」跳转 /原型/万漫社/miniApp/积分商城/latest/页面跳转
点「积分规则」底部弹出积分规则浮窗(可滚动)浮窗
点筛选胶囊列表按来源过滤,计数联动「共 N 条」,选中态切换,选中项滚到胶囊行可视区第一个;无结果显示轻提示「暂无明细」列表
拖拽胶囊行按住左右拖拽横向滑动(或滚轮横向滚动),两端渐隐提示可滚动筛选行
点明细行底部弹出明细详情浮窗,按来源展示专属字段;系统发放/订单取消的订单号可点击 → 跳转我的订单页打开该订单详情(?order=ID)浮窗 + 路由跳转
滚动列表触底加载下一批(每批 20 条),全部加载后显示「没有更多了」列表
点浮窗 X / 蒙版关闭浮窗浮窗
📐 数据口径
  • 积分余额:15,769(与小程序我的页积分条一致)
  • 来源筛选:胶囊行展示全部 6 项(可左右拖拽滚动,两端渐隐),选中项自动滚到可视区第一个,与全站 IP 筛选交互一致;顺序按使用频率(我的赏袋/积分兑换/扫码兑换/系统发放/订单取消),后续新增来源自动进胶囊行
  • 明细 mock:120 条,确定性种子生成(打开数据一致);5 种来源加权分布:我的赏袋 34% / 积分兑换 26% / 扫码兑换 16% / 系统发放 12% / 订单取消 12%
  • 赏品池:真实可分解赏品(源:确认发货 PRIZE_CATEGORIES,decomp:true)= 伊索寓言·第二弹 5 款(十二生肖视觉日历 / 金属悬吊画 / 干花亚克力色纸 / 双面亚克力半身吊牌 / 时尚制服卡册)+ 希腊神话·神谕 XLSH 6 款(云翼织梦手账卡包 / 命运之轮浮雕书立 / 圣域花语书签 / 爱琴海月典藏卡册 / 神谕弈境国际象棋 / 荷马史诗典藏邮票装裱);每款固定积分值(pts,后台可配);赏品图 = /prize-thumb/{file}.jpg(服务器路由,28 张真实缩略图)
  • 积分商城商品:真实 cover 图(源:积分商城 v2.67 PRODUCTS,/derivative-img/ 路径)
  • 赏品分解:一次分解可含多个赏品(批量分解,跨 IP 系列),明细记录存赏品数组(name/ip/series/img/qty/guids),每件赏品实例分配唯一 guid(PG+6 位,可追溯);详情浮窗按 IP·系列分组展示(仿照确认发货「已选发货信息」),每行带 44px 缩略图;mock 分布:单件 40% / 2-4 件 30% / 5-9 件 20% / 10-20 件 10%
  • 积分商城商品名:真实积分商品(红楼梦系列吧唧 / 一千零一夜【主题九宫卡册】 / 艺术家联名款杯面马口铁徽章 / 红楼梦十二金钗大全套纪念套装)
  • 订单号:FH+时间戳 格式(与发货订单一致);兑换码 ID:XQ-YYYYMMDD-四位序号
  • 积分变动方向:我的赏袋/系统发放/扫码兑换/订单取消 = 增加(+);积分兑换 = 消耗(-)
  • 积分规则文案:2026-08-17 珏哥提供的《会员积分规则》文档原文(法务口径),改动需确认
  • 时间:精确到秒(YYYY-MM-DD HH:mm:ss),详情字段名「兑换时间」;列表行与详情浮窗均展示
  • 时间倒序;批次 20 条/批,滚动加载
❌ 错误提示清单
页面按钮/操作场景提示
我的积分筛选 chip该来源暂无明细(mock 数据各来源均有,正常不可见)轻提示「暂无明细」
我的积分滚动列表全部明细已加载「没有更多了」
🔲 状态说明
状态说明完成情况
默认全部来源明细,时间倒序,首屏 20 条✅ 已实现
筛选按来源过滤,计数联动,选中 chip 高亮✅ 已实现
空态筛选无结果显示轻提示「暂无明细」✅ 已实现
加载中滚动触底自动加载下一批✅ 已实现
浮窗规则/详情浮窗上滑动画,蒙版点击关闭✅ 已实现
🔄 版本更新日志(共 1 次迭代)