微信小程序怎么绘制打卡时钟

这篇文章主要介绍了微信小程序怎么绘制打卡时钟的相关知识，内容详细易懂，操作简单快捷，具有一定借鉴价值，相信大家阅读完这篇微信小程序怎么绘制打卡时钟文章都会有所收获，下面我们一起来看看吧。

一、项目展示

这是一款简单实用的小时钟工具

分为工作和休息两种状态

用户可以设置相应的时间

所有的时钟记录都会被保存下来

二、首页

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

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

效果图如下：

三、设置

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

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

效果图如下：

关于"微信小程序怎么绘制打卡时钟"这篇文章的内容就介绍到这里，感谢各位的阅读！相信大家对"微信小程序怎么绘制打卡时钟"知识都有一定的了解，大家如果还想学习更多知识，欢迎关注行业资讯频道。