```
feat(sidepanel): 优化时间戳工具界面与交互功能 - 调整 CSS 样式,增加 #current-timestamp 区块样式定义,统一阴影写法空格格式 - 重构 HTML 结构,将当前时间戳相关元素包裹进 div 容器中,并调整按钮布局 - 限制时区列表为常用时区,提升选择效率并确保兼容性 - 改进切换单位和复制按钮的反馈效果,添加动画提示增强用户体验 - 精简 updateTimestamp 函数逻辑,移除冗余代码并提高可维护性 ```
This commit is contained in:
@@ -21,16 +21,18 @@
|
||||
<!-- 时间戳工具页面 -->
|
||||
<div id="page-timestamp" class="page active">
|
||||
<h2>时间戳工具</h2>
|
||||
<div>
|
||||
<div id="current-timestamp">
|
||||
<h2>当前时间戳</h2>
|
||||
<p>
|
||||
<a href="javascript:;" id="current-timestamp-value">1762873747965</a>
|
||||
<span id="current-timestamp-unit">毫秒</span>
|
||||
</p>
|
||||
<div>
|
||||
<button id="toggle-unit-btn">切换单位</button>
|
||||
<button id="copy-timestamp-btn">复制</button>
|
||||
<button id="stop-timer-btn">停止</button>
|
||||
<button id="stop-timer-btn" style="background-color: red;">停止</button>
|
||||
<button id="start-timer-btn" style="display: none">开始</button>
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- 时间戳转日期时间 -->
|
||||
@@ -61,8 +63,7 @@
|
||||
placeholder="转换结果"
|
||||
class="input-text"
|
||||
/>
|
||||
<select class="select-box" id="timezone-result">
|
||||
</select>
|
||||
<select class="select-box" id="timezone-result"></select>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
@@ -78,8 +79,7 @@
|
||||
placeholder="输入日期时间"
|
||||
class="input-text"
|
||||
/>
|
||||
<select class="select-box" id="timezone-input">
|
||||
</select>
|
||||
<select class="select-box" id="timezone-input"></select>
|
||||
</div>
|
||||
|
||||
<div class="input-group">
|
||||
|
||||
Reference in New Issue
Block a user