bitdance-team/chrome-extension
1
0
Fork 0
mirror of https://gitee.com/bitdance-team/chrome-extension synced 2025-10-08 08:45:14 +08:00
Code Issues Projects Releases Wiki Activity GitHub Gitee

倒计时功能 初版完成

Browse Source
This commit is contained in:
simonzhangs
2022-02-03 20:46:59 +08:00
parent 839518f25d
commit 7354bf65ed
7 changed files with 738 additions and 49 deletions
Download Patch File Download Diff File Expand all files Collapse all files

42
gitee_pomodoro/popup.html
View File

@@ -15,29 +15,31 @@
<source src="./src/alarm.mp3" type="audio/mp3">
</audio>
<!-- 计时部分 -->
<div id="timer">
<header id="timer">
<div class="buttons">
<div class="slider">
<span class="left">&lt;</span>
<span class="right">&gt;</span>
</div>
<div class="button" id="pomodoro-btn">开始专注</div>
<!-- <div class="button" id="short-break-btn">Short Break</div>
<div class="button" id="long-break-btn">Long Break</div> -->
<!-- 切换背景图片 -->
<div class="slider">
<span class="left">&lt;</span>
<span class="right">&gt;</span>
</div>
<div class="button" id="pomodoro-btn">专注模式</div>
<div id="countdown">
<span>25:00</span>
<span>00:00</span>
</div>
<div id="start-btn">Start</div>
<div id="reset-btn">Reset</div>
</header>
<!-- 计时开始、重置 -->
<div id="start-btn">开始</div>
<div id="end-btn">暂停</div>
<div id="reset-btn">重置</div>
</div>
<!-- 添加任务清单 -->
<div id="worklist">
<div id="current-task-display">
<div id="message">You are working on:</div>
<div id="message">你正在专注于:</div>
<div id="selected-task"></div>
</div>
@@ -46,9 +48,7 @@
<div id="add-task-btn">Add Task</div>
<form id="task-form" class="hide">
<input id="text" type="text" placeholder="What are you working on?">
<label for="est-pomodoro">Est Rounds</label>
<input id="est-pomodoro" type="number">
<input id="text" type="text" placeholder="输入你要专注的事情">
<div id="btn-container">
<button id="save" type="submit">Save</button>
<button id="cancel" type="button">Cancel</button>
@@ -57,11 +57,13 @@
</div>
</div>
<!-- 页脚--设置 -->
<footer>
<div class="settings">
<a href="./assets/html/options.html">settings</a>
</div>
</footer>
<script src="./assets/js/"></script>
<script src="./assets/js/popup.js"></script>
</body>
</html>