桜连载中
春の夜
9.2校园 · 治愈 · 12 话
组件库
39 个分类 · 130 余个组件 · 浅色主题
色彩
品牌色板与语义色
Sakura#E87A9C
Petal#F5B0C1
Sky#7A9CE0
Mint#5EB8A0
Violet#9E81D6
Amber#D99B4D
Mist#F7F2F5
Ink#2B2536
Danger#D86983
按钮
五种类型与三种尺寸
类型
尺寸
图标按钮
快捷键
⌘K
CtrlS
ShiftEnter
Esc
按钮组
相邻按钮的组合形式
基础
带图标
表单
输入框、选择器与文本域
站内搜索
发布日期
发布时间
密码强度
密码强度中等
搜索建议
带下拉建议的搜索框
春の夜作品
春日野穹角色
春野声音声优
校园春季标签
选择控件
开关、勾选、单选与滑块
自动播放下一集当前剧集结束后自动续播
弹幕显示在播放器中显示弹幕内容
仅 Wi-Fi 下载移动网络下暂停缓存任务
追番更新提醒
每周精选推送
好友动态通知
高清 1080P
超清 4K
流畅 720P
滑动条
复选组
通知偏好
播放偏好
分段控制器
数字输入
带增减按钮的数值控件
颜色选择
色板网格与当前选中色
日历
月视图与日期选择
2026 年 10 月
一二三四五六日
级联选择
多级联动下拉选择
请选择作品类型
树形控件
可展开的层级结构
追番列表
连载中
春の夜
海の声
花火
已完结
星屑
風の道
穿梭框
两列之间移动选择项
待选作品4 项
已选作品0 项
标签与徽章
状态标识、筛选标签与头像组
徽章
连载中
已完结
高分
更新至 12 话
独家
新番
已下架
筛选标签
头像
雪
樱
海
月
+8
樱
雪
海
月
樱12
雪3
标签输入
校园
治愈
数字角标
用于图标或头像上的计数标记
图标角标
6
99+
3
1
头像角标
樱12
雪
海99+
独立角标
1
8
99+
草稿
已完成
进度
线性进度、多段进度与环形进度
线性进度
64%
38%
88%
52%
多段进度
校园 40%科幻 25%治愈 20%恋爱 10%
环形进度
60%
80%
50%
90%
加载状态
环形、点状、脉冲与骨架屏
环形
点状与脉冲
正在同步数据…
骨架屏
加载遮罩
覆盖在内容之上的加载状态
内容区域
遮罩层会覆盖在当前区域之上，同时阻止下方内容的交互。可用于列表刷新、表单提交等场景。
触发
虚拟列表
大数据量滚动容器
0109:30
春の夜
校园 · 治愈 · 12 话
0210:15
星屑
科幻 · 冒险 · 24 话
0311:00
海の声
青春 · 音乐 · 10 话
0413:22
花火
恋爱 · 日常 · 13 话
0514:08
月の影
悬疑 · 奇幻 · 18 话
0615:45
風の道
冒险 · 热血 · 26 话
0716:20
雪の音
治愈 · 冬日 · 12 话
0817:11
雨の日
文艺 · 短篇 · 6 话
表格
数据表格与行内操作
| 作品 | 状态 | 评分 | 进度 | 操作 |
|---|---|---|---|---|
| 春の夜 | 连载中 | 9.2 | 第 8 话 / 12 话 | |
| 星屑 | 已完结 | 8.7 | 已看完 | |
| 海の声 | 连载中 | 9.0 | 第 4 话 / 10 话 |
描述列表
键值对形式的详情展示
作品名称春の夜
类型校园 · 治愈
集数12 话
评分9.2 / 10.0
简介在一场春夜的花火下，两个少年少女的故事缓缓展开。
消息气泡
对话形式的聊天界面
雪
你也看了昨晚更新的那话吗？20:14
樱
刚看完，烟花那段真的太美了。20:15
雪
对，配乐一响就控制不住了。20:16
樱
评论
带回复与操作的评论列表
提及输入
输入 @ 触发用户建议
樱樱
雪雪
海海
月月
命令面板
带分组与快捷键的命令列表
导航
打开消息⌘ M
查看收藏⌘ B
操作
新建追番⌘ N
编辑资料⌘ E
轮播
带指示器与切换按钮
时间线
垂直时间线展示事件流
09:30
提交追番列表
已将《春の夜》加入追番，等待更新提醒。
10:15
同步完成
本地观看记录已同步至云端，共 26 条记录。
11:00
正在下载第 8 话
当前进度 64%，预计 2 分钟后完成。
待定
开始观看
下载完成后自动进入播放页面。
紧凑模式
账户已创建
绑定邮箱
完善资料
开始使用
通知
带未读状态的消息列表
《春の夜》第 8 话已更新
你追番的作品有新一集上线，快去观看吧。
5 分钟前
好友「雪」收藏了你的推荐
你推荐的《星屑》被收藏，感谢你的分享。
1 小时前
同步完成
本地观看记录已同步至云端，共 26 条记录。
今天 10:15
每周精选已送达
本周为你推荐 6 部新番，点击查看详情。
昨天 20:00
拖拽排序
可拖拽调整顺序的列表
春の夜
校园 · 治愈 · 12 话
星屑
科幻 · 冒险 · 24 话
海の声
青春 · 音乐 · 10 话
花火
恋爱 · 日常 · 13 话
排行榜
带名次徽章的排行列表
1
樱
9.2
春の夜
校园 · 治愈 · 12 话
2
雪
9.0
海の声
青春 · 音乐 · 10 话
3
海
8.9
月の影
悬疑 · 奇幻 · 18 话
4
月
8.7
星屑
科幻 · 冒险 · 24 话
数字滚动
进入视口时数字递增
0追番总数
0本月观看
0平均评分
0完成度 %
工具条
水平操作按钮组
悬浮按钮
固定在右下角的操作按钮
悬浮按钮通常固定于页面右下角，用于承载页面主操作，滚动时保持可见。
复制按钮
点击复制内容到剪贴板
空状态
无数据时的占位展示
暂无追番
你还没有添加任何追番作品，去发现页看看吧。
未找到相关结果
换个关键词试试，或浏览推荐内容。
结果页
操作完成后的结果反馈
提交成功
你的追番申请已提交，稍后将在列表中展示。
操作失败
网络连接超时，请检查网络后重新尝试。
水印
叠加在内容上的文字水印
内容保护区域
水印以平铺方式叠加在内容之上，用于版权声明或防泄露。
图片墙
等比例缩略图网格
桜
星
海
花
月
風
雪
雨
迷你图表
紧凑型柱状图
卡片
内容容器与悬停反馈
星已完结
星屑
8.7科幻 · 冒险 · 24 话
海连载中
海の声
9.0青春 · 音乐 · 10 话
花连载中
花火
8.4恋爱 · 日常 · 13 话
反馈提示
通知条与轻提示
更新提示
《春の夜》第 8 话已上线，可在追番列表中直接观看。
同步完成
本地观看记录已同步至云端，共 26 条记录。
存储空间不足
当前缓存已占用 12.4 GB，建议清理已观看的剧集。
播放失败
当前网络环境不稳定，请稍后重试或切换线路。
轻提示
浮层
提示气泡、下拉菜单、折叠面板与对话框
提示气泡
下拉菜单
折叠面板
如何管理追番列表
在作品卡片上点击收藏即可加入列表，长按卡片可拖动调整顺序。
缓存文件保存在哪里
缓存文件默认保存在应用私有目录，可在设置中的存储管理里查看与清理。
气泡确认
确认从追番列表中删除《春の夜》？此操作不可撤销。
对话框
抽屉
从侧边滑出的面板
从右侧滑入，按 Esc 关闭
数据展示
统计卡片与评分组件
追番总数128
本月观看42 话
平均评分8.9
弹幕互动1.2 万
评分
4.0 / 5.0
第八话的分镜太美了，尤其是烟花那段，配乐一响眼泪就下来了。
同感，那一段我反复看了三遍。
画面和音乐都很克制，但情绪特别饱满，这种留白感很少见。