博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
vue pomodoro (番茄钟) 组件 - 基于vue2.x
阅读量:6800 次
发布时间:2019-06-26

本文共 465 字,大约阅读时间需要 1 分钟。

简介

最近在开发的一个项目中,有使用番茄钟的需求,另外本人一直是一个番茄工作法的簇拥,所以就决定写一个基于vue 2.x开发的番茄钟组件。灵感来自于另一个组件。

效果图demo

效果图如下所示:

图片描述

安装

npm install vue-pomodoro --save

用法

用法1

属性说明

Name Default value Description
totalPomodoro 4 计划的番茄时间个数
workDuration 25 工作时间(分钟).
restDuration 5 休息时间(分钟).
startColor #CCFFFF 番茄时钟运行时的渐变开始颜色.
stopColor #99CCCC 番茄时钟运行时的结束渐变颜色.
innerStrokeColor #0099CC 番茄钟的背景色.
strokeWidth 10 番茄钟的宽度.
innerTextColor #FF6666 番茄钟文字显示的颜色
diameter 300 番茄钟的直径大小(px)

相关链接

转载地址:http://dsywl.baihongyu.com/

你可能感兴趣的文章
【Hadoop Summit Tokyo 2016】为什么我的Hadoop集群运行这么慢?
查看>>
Android应用安全开发之浅谈网页打开APP
查看>>
阿里云MongoDB Sharding备份和恢复服务深度解密
查看>>
tr命令学习(shell)
查看>>
在SQL 2005中用T-SQL插入中文数据时出现的问号或乱码的解决方案[转]
查看>>
验证码对抗之路及现有验证机制介绍
查看>>
数据库记录安全解决方案
查看>>
[LeetCode] Repeated DNA Sequences
查看>>
Angularjs 源码分析3
查看>>
撕下 Coding iPad 悬赏单的小小感触
查看>>
从文件路径中获取文件名的方法
查看>>
关于Recycle Bin是什么以及实验
查看>>
linux php redis 环境配置
查看>>
Android图形显示系统——上层显示1:界面绘制大纲
查看>>
EDB PPAS的"坑" 不兼容PostgreSQL一例
查看>>
"proxy_pass" cannot have URI part in location given by regular expression
查看>>
ExtJS5学习之Grid与Grid之间的数据拖拽
查看>>
后退时保存表单状态
查看>>
poj 2528 Mayor's posters(线段树+离散化)
查看>>
《Spring 3.X 企业应用开发实战》摘记 【持续更新】
查看>>