更新记录
1.0.0(2026-10-18)
下载此版本
首次发布,支持任务计时、暂停继续、卡点记录、草稿恢复及本地历史保存。
平台兼容性
uni-app(5.24)
| Vue2 |
Vue3 |
Chrome |
Safari |
app-vue |
app-nvue |
Android |
iOS |
鸿蒙 |
| - |
√ |
√ |
- |
- |
- |
- |
- |
- |
| 微信小程序 |
支付宝小程序 |
抖音小程序 |
百度小程序 |
快手小程序 |
京东小程序 |
鸿蒙元服务 |
QQ小程序 |
飞书小程序 |
小红书小程序 |
快应用-华为 |
快应用-联盟 |
| - |
- |
- |
- |
- |
- |
- |
- |
- |
- |
- |
- |
其他
| 多语言 |
暗黑模式 |
宽屏模式 |
蒸汽模式 |
| × |
× |
√ |
× |
uni-study-timer 专注任务计时器
一个基于 Vue 3 的 uni-app 组件,适合学习、工作、阅读等专注场景。
功能
- 开始、暂停、继续与完成计时
- 记录专注过程中的问题或灵感
- 删除卡点记录
- 自动保存并恢复未完成记录,完成后保存最近 20 条历史
- 支持任务名称、主题颜色、目标分钟数和存储键配置
- 提供 start、pause、resume、checkpoint、finish 事件
基本用法
<uni-study-timer
task-name="专注学习"
theme-color="#5b6cf9"
:initial-minutes="25"
storage-key="focus-task-demo"
@finish="handleFinish"
/>
easycom 开启时无需手动 import。组件名对应 uni-study-timer。
草稿恢复
计时过程中每隔约 5 秒以及暂停、添加或删除卡点时,组件会将当前任务保存到本地。
重新进入页面后,未完成任务会恢复为“已暂停”状态,可点击“继续”接着计时。
属性
| 属性 |
类型 |
默认值 |
说明 |
| taskName |
String |
专注任务 |
默认任务名称 |
| themeColor |
String |
#5b6cf9 |
主题颜色 |
| initialMinutes |
Number |
25 |
目标分钟数,随完成结果返回 |
| storageKey |
String |
uni-study-timer |
本地存储键前缀 |
事件
| 事件 |
说明 |
| start |
开始计时时触发 |
| pause |
暂停时触发 |
| resume |
继续计时时触发 |
| checkpoint |
新增卡点时触发 |
| finish |
完成任务时触发并返回任务结果 |