更新记录

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 完成任务时触发并返回任务结果

隐私、权限声明

1. 本插件需要申请的系统权限列表:

无

2. 本插件采集的数据、发送的服务器地址、以及数据用途说明:

插件不采集任何数据,任务数据仅保存在用户本地。

3. 本插件是否包含广告,如包含需详细说明广告表达方式、展示频率:

无

许可协议

MIT协议

暂无用户评论。