微信小程序实战之打卡时钟的绘制微信小程序实战之打卡时钟的

一、项目展示这是一款简单实用的小时钟工具
分为工作和休息两种状态
用户可以设置相应的时间
所有的时钟记录都会被保存下来

文章图片

二、首页首页由计时器、任务输入框和两个计时按钮组成

{{remainTimeText}}{{taskName}}{{completed ? '已完成！' : '中'}} {{isRuning ? '完成': '工作'}}{{isRuning ? '完成': '休息'}}

效果图如下：

三、设置用户在设置界面可以更改工作时长和休息时长

工作时长(分钟) 休息时长(分钟) 主页背景选择背景 > 启用铃声选择铃声 >

效果图如下：

文章图片

【微信小程序实战之打卡时钟的绘制】到此这篇关于微信小程序实战之打卡时钟的绘制的文章就介绍到这了,更多相关小程序打卡时钟内容请搜索脚本之家以前的文章或继续浏览下面的相关文章希望大家以后多多支持脚本之家！

微信小程序实战之打卡时钟的绘制