pomodoro-app:Pomodoro时间-前端导师挑战

时间:2024-03-14 19:51:06
【文件属性】:

文件名称:pomodoro-app:Pomodoro时间-前端导师挑战

文件大小:655KB

文件格式:ZIP

更新时间:2024-03-14 19:51:06

javascript sass html5 css3 pomodoro-timer

前端导师-Pomodoro应用 这是提出的另一个挑战。 输出尽可能接近设计。 戒指是根据的启发而创建的。使用的输入类型编号带有最小值和最大值,以具有自动按钮来增大和减小值,这在移动设备上不起作用,因为没有显示出隐蔽的按钮。 禁用按钮,并使用自定义按钮进行控制。 查看页面 要查看网站,请使用下面的链接 可以选择用您喜欢的浏览器打开html页面 您还可以使用网址栏上显示的弹出按钮将应用程序直接安装在计算机上。 这是一个可安装的渐进式应用程序 使用应用程式 您可以选择3种模式计时器:番茄钟,短时休息和长时模式。 使用“开始”按钮启动计时器,默认为番茄计时器。 在页面底部,是一个设置菜单按钮,用于打开设置页面。 在设置页面中,可以更改以下内容: 番茄计时器最多可以增加90分钟 长时间休息最多可以达到20分钟 短暂休息最多10分钟 共有3种字体可供选择 和3种颜色可供选择


【文件预览】:
pomodoro-app-master
----index.html(9KB)
----main.js(12KB)
----preview.jpg(57KB)
----service-worker.js(2KB)
----styles()
--------_variables.scss(479B)
--------style.scss(8KB)
--------style.css.map(8KB)
--------style.css(12KB)
----assets()
--------Alarm06.wav(586KB)
--------safari-pinned-tab.svg(603B)
--------pomodoro4.png(26KB)
--------logo.svg(4KB)
--------favicon.ico(15KB)
--------android-chrome-512x512.png(42KB)
--------icon-arrow-down.svg(159B)
--------pomodoro1.png(31KB)
--------android-chrome-192x192.png(10KB)
--------apple-touch-icon.png(9KB)
--------favicon-32x32.png(1KB)
--------mstile-150x150.png(6KB)
--------pomodoro2.png(38KB)
--------pomodoro3.png(48KB)
--------icon-settings.svg(959B)
--------icon-close.svg(257B)
--------icon-arrow-up.svg(159B)
--------favicon-16x16.png(718B)
----README.md(2KB)
----app.webmanifest(526B)
----.gitignore(547B)
----browserconfig.xml(246B)

网友评论