Doocrafts 拼豆小程序

品牌展示区

• 左上角展示品牌 Logo 和名称"Doocrafts"
• 品牌标语"用拼豆创造你的世界"（可在后台更改）

店铺引流卡片

• 显示店铺名称、评分、粉丝数
• 平台入口按钮：淘宝、抖音、小红书（点击跳转到对应店铺）
• 热销商品横向滑动展示，显示商品图片和价格，点击可跳转购买
• 所有店铺信息和商品在后台配置，随时可以更换

视频教程入口

• 教程封面图 + 播放按钮 + 标题
• 点击跳转到外部视频平台观看（教程链接后台配置）

常见问题

• 常见问题列表，如"怎么烫出完美无孔？""做立体拼豆应该怎么烫？"等
• 底部"查看更多教程"按钮，点击跳转教程页面
• 所有问题内容后台可配置

• 页面中心显示品牌 Logo + 名称 + 副标题"专业的在线像素画创作工具"
• 一个醒目的"开始创作"按钮
• 点击按钮进入编辑器
• 页面上有浮动的拼豆装饰元素，营造手作氛围

页面整体结构（从上到下）

• 顶部：品牌 Logo + 导入按钮 + 导出按钮
• 画布尺寸设置：可以调整画布宽高，也有预设尺寸快选
• 视图控制栏：8 个开关按钮（横向滑动），控制画布的各种显示方式
• 画布区域：中间最大的区域，用来画像素画，支持手指缩放和拖动
• 色板面板：画布下方，显示全部拼豆颜色，可以搜索
• 底部工具栏：各种画图工具，横向滑动选择

画布

• 默认 50x50 格，也可以选择预设尺寸（29x29、58x58 等），或自由输入
• 网格线帮助对齐，粗线标记拼豆板分区位置
• 单指操作当前工具，双指缩放/移动画布
• 编辑中自动保存，不用担心丢失进度

视图控制（8 个开关）

位于画布上方，每个都是可以点击打开/关闭的小按钮：

开关	干什么用
显示网格	打开/关闭画布上的网格线
叠加视图	把导入的原始图片半透明叠在画布上，方便你对照着调整颜色
查看原图	临时显示导入前的原始图片，方便和编辑后的效果做比较
像素还原	把画布切换成纯色块显示（没有间隙和圆角），预览拼完后的实际效果
显示色号	在每个格子里显示对应的拼豆色号（如 A5），方便你按色号找豆子
显示标尺	在画布上方和左侧显示行列数字，方便数格子定位
专注模式	隐藏顶部栏和底部工具栏，让画布占满整个屏幕，安静画图
透明背景	没有上色的格子显示为棋盘格（透明效果），而不是默认的白色

工具说明

工具	作用
拖动	移动画布位置
画笔	点击或滑动给格子上色
擦除	点击或滑动清除颜色
取色	点一下画布上已有的颜色，自动切换到该颜色
选区	框选一块区域，可以移动、复制或删除
替换	把画面上某个颜色一键全部换成另一个颜色
镜像	左右或上下镜像翻转
降噪	自动清除画面中零散的噪点，让图案更干净
删色	把某个颜色从画面中完全移除

色板

• 包含 200+ 种拼豆标准色号，按色系排列
• 可以切换查看"全部颜色"或"已使用的颜色"
• 支持按色号或颜色名搜索（如搜"红"或"A11"）
• 点击选中颜色后，用画笔工具就可以画出该颜色

图片导入（2 种方式）

点击顶部"导入"按钮，会弹出选择面板，提供以下 2 种导入方式：

方式	什么意思	适合什么场景
图片转像素图	选一张手机里的照片或图片，自动转换成拼豆图纸，颜色会匹配标准色号	把任何照片、插画变成拼豆能做的图纸
智能解析	导入一张已经是像素风格的图片，自动识别网格并匹配色号	网上找到别人的像素图或拼豆成品图，想还原成可编辑的图纸

分级浏览（会员权限控制）

• 顶部分级标签：公开、V1、V2、V3、V4
• 「公开」图纸所有用户可免费查看
• V1-V4 图纸需要对应等级会员才能查看，高等级包含低等级权益（如 V3 可看 V1+V2+V3）
• 未解锁等级的图纸：可以看到缩略图封面，但点击后弹出提示“该图纸需要对应等级会员才能查看”，引导用户去激活
• 右上角有搜索功能，可以按关键词搜索

图纸详情

• 点击某个分类进入详情，看到该分类下所有图纸
• 每张图纸显示预览图、名称和文件大小
• 可以：预览大图、保存到手机相册、或直接导入编辑器修改

用户信息卡片

• 顶部暖色渐变卡片，显示头像、昵称和用户 ID
• 会员等级标签：显示当前等级（普通会员/V1/V2/V3/V4）
• 首次进入会提示微信授权登录

会员 & 激活码（新增）

功能	说明
会员中心	点击“管理”进入会员中心页面，查看当前等级、到期时间、各等级权益对比
激活码	点击进入激活码输入页，输入纯数字激活码即可升级会员

设置项

功能	说明
多语言	支持中文和英文切换
账户	显示登录状态，管理账户信息

会员等级体系

等级	名称	权益范围
免费	普通会员	全部编辑器功能 + 公开图纸库
V1	V1 会员	免费权益 + V1 图纸库
V2	V2 会员	V1 权益 + V2 图纸库
V3	V3 会员	V2 权益 + V3 图纸库
V4	V4 会员	V3 权益 + V4 专属图纸库

重要：会员等级只影响图纸相册的查看权限，所有编辑器功能对所有用户完全免费开放。

激活码机制

规则	说明
格式	纯数字（8-12位）
获取方式	用户联系客服获取（不与特定商品绑定）
使用次数	每个激活码只能使用一次
有效期	激活后默认 1 年有效期（后台可配置）
等级覆盖	再次激活时，覆盖为新等级，剩余时间叠加

会员中心页面

• 顶部显示当前会员等级和状态描述
• 各等级权益对比列表（免费/V1/V2/V3/V4）
• 当前等级标记“当前”，未解锁等级显示锁图标
• 底部“输入激活码升级会员”按钮，跳转到激活码页

激活码输入页面

• 居中钥匙图标 + “输入激活码”标题
• 说明文字：“请输入您从客服获取的激活码，激活后可解锁对应等级的图纸资源”
• 纯数字输入框（最多12位，居中大字带字距）
• “立即激活”按钮
• 底部激活说明卡片：格式要求、一次性使用、有效期、覆盖规则、获取方式

① 内容管理

管理小程序首页和各页面的可配置内容，支持随时更新而无需发版。

功能	说明
首页轮播 / Banner	管理首页顶部轮播图，支持上传图片、设置跳转链接、排序和上下架
店铺信息	配置各平台店铺名称、链接、logo，管理热销商品展示（图片、价格、购买链接）
视频教程	管理教程列表：标题、封面图、视频链接（支持外链跳转）、排序
常见问题 FAQ	增删改查 FAQ 条目，支持富文本编辑、分类管理
公告 / 消息	发布系统公告，小程序内弹窗或消息列表展示

② 图纸相册管理

管理所有图纸资源，包括上传、分级、上下架。

功能	说明
图纸上传	支持单张 / 批量上传图纸文件，自动生成缩略图
等级分配	为每张图纸设置查看等级：公开 / V1 / V2 / V3 / V4，支持批量修改
分类标签	为图纸添加分类标签（如动物、卡通、食物等），方便用户搜索和筛选
上下架	随时下架图纸，下架后小程序不再展示，已收藏的用户显示“已下架”
数据统计	查看每张图纸的浏览量、保存量、导入编辑器次数

③ 激活码管理

生成、分发和追踪激活码的全生命周期管理。

功能	说明
批量生成	指定会员等级（V1-V4）、有效期（默认 1 年，可自定义）、数量，一键生成纯数字激活码
导出	将生成的激活码导出为 Excel / CSV，方便发给客服或印刷到包装上
状态查询	查看每个激活码的状态：未使用 / 已使用 / 已过期，以及使用者信息和使用时间
作废	支持单个或批量作废未使用的激活码
配置项	全局设置激活码默认有效期、号段长度范围（8-12 位）

④ 用户与会员管理

查看和管理小程序用户，监控会员体系运营情况。

功能	说明
用户列表	查看所有用户，支持按昵称、等级、注册时间筛选和搜索
会员详情	查看单个用户的会员等级、到期时间、激活记录、使用行为
手动调整等级	运营可手动修改用户的会员等级和到期时间（用于售后处理等特殊情况）
数据概览	用户总数、各等级会员数、新增用户趋势、激活码使用率等核心指标

钻石画版本需同步支持的功能

拼豆小程序上线后，钻石画版本也需要同步增加以下功能（后台分开）：

功能	说明
传图后选择钻石画/拼豆	在用户上传图片后，增加一个选择框，用户可以选择使用钻石画或拼豆进行创作
后台类别管理	后台支持按照类别选择，增加钻石画/拼豆类别