超级马里奥收纳盒
@小明❤️ 128
🎨 1. 设计规范 (Design Tokens)
包含颜色、字体、阴影、圆角的底层变量定义。
1.1 品牌与状态色彩
电光黄
#FEF832炭灰
#2B2D42像素红
#FF5A5F通过绿
#20BF55警告橙
#FF9F1C信息蓝
#3A86FF底板灰
#F4F5F7禁用灰
#9E9E9E1.2 字体排版 (Typography)
大标题 H1
探索像素宇宙
副标题 H2
精选材料包
正文 Body
手工拼豆是一项非常解压的创造性活动。
数字/数据 Pixel
¥ 1,280.00
1.3 阴影与圆角 (Shadows & Radius)
小圆角
小阴影
小阴影
中圆角
中等阴影
中等阴影
大圆角容器
大阴影
大阴影
📝 3. 表单组件 (Form)
输入框类型
默认输入
禁用状态
错误状态
成功状态
输入框尺寸
带图标输入框
.com
文本域
计数器
-
1
+
-
0
+
开关
复选框
单选框
滑块
评分
★
★
★
★
★
📋 4. 选择器组件 (Select)
下拉选择器
请选择
▼
选项一
选项二
选项三
选项四
级联选择器
🖼️ 5. 展示组件 (Display)
卡片
卡片标题
热门这是卡片的内容区域，可以放置各种信息。
折叠面板
面板标题一
▼
这是展开的内容区域。
面板标题二
▼
这是第二个面板的内容。
面板标题三
▼
这是第三个面板的内容。
标签页
标签一
标签二
标签三
标签一的内容
标签二的内容
标签三的内容
表格
| 姓名 | 年龄 | 地址 | 状态 |
|---|---|---|---|
| 张三 | 28 | 北京市 | 正常 |
| 李四 | 32 | 上海市 | 待审核 |
| 王五 | 25 | 广州市 | 禁用 |
列表
A
列表项一
描述信息
B
列表项二
描述信息
C
列表项三
描述信息
描述列表
用户名
张三
手机号
138****8888
地址
北京市朝阳区xxx街道xxx号
空状态
暂无数据
头像
A
B
C
D
张
李
时间线
订单已创建
2024-01-15 10:30
订单已发货
2024-01-15 14:20
订单已完成
2024-01-16 09:15
💬 6. 反馈组件 (Feedback)
消息提示
弹框
抽屉
进度条
加载状态
加载中...
骨架屏
徽章
99+
U
📍 8. 店铺引流 (O2O)
像素坊 (大学城总店)
营业至 22:00 | 免费驻场指导
[ 门店环境实拍图 ]
单人2小时体验餐¥ 58
🎨 9. 画板与功能 (Tool)
智能工具
上传照片，AI 将自动匹配最接近的拼豆色号并生成网格图纸。
🌍 10. 灵感社区 (Community)
爆肝三天定制的巨型塞尔达挂画，太累了！
@达人A🤍 356
新手向：不同品牌豆子融色对比
@手作狂魔❤️ 89
🛍️ 11. 商城、代拼与资产 (Mall & Profile)
[ 新手盲盒材料包图 ]
新手入坑全套盲盒
含随机图纸2张 + 足量拼豆 + 镊子模板
¥ 29.90
最高抵扣 ¥5
[ 宠物照片转拼豆成品图 ]
达人代拼
宠物/真人照片专属定制
高级匠人纯手工制作，顺丰包邮到家
¥ 58.00 起