雨霖铃
bc1943dc16
feat(dev): 添加开发服务器与热重载支持 - 新增 `npm run dev` 命令，启动带热重载的开发服务器 - 集成 rollup watch 模式与 LiveReload 实现自动刷新 - 添加开发指南 DEVELOPMENT.md，说明项目结构、预览方式及构建流程 - 新增开发预览页面 index.html，用于嵌入展示 sidepanel 内容 - 更新 package.json 和 package-lock.json，引入相关开发依赖 ```
52 lines
1.8 KiB
JavaScript
52 lines
1.8 KiB
JavaScript
// document.getElementById('close').addEventListener('click', () => {
|
|
// window.parent.postMessage({ action: 'indexind' }, '*');
|
|
// });
|
|
|
|
// sidepanel/index.js
|
|
import { switchPage } from './utils/domUtils.js';
|
|
import {
|
|
initTimestampDisplay,
|
|
handleToggleUnit,
|
|
handleStopTimer,
|
|
handleStartTimer,
|
|
handleConvertTimestamp,
|
|
handleConvertDateToTimestamp,
|
|
handleCopyTimestamp,
|
|
handleClosePanel,
|
|
handleTimezoneResult,
|
|
handleTimezoneInput
|
|
} from './modules/eventHandlers.js';
|
|
import { addEventListenerById } from './utils/domUtils.js';
|
|
|
|
// 页面切换逻辑
|
|
addEventListenerById('nav-timestamp-btn', 'click', () => {
|
|
switchPage('timestamp');
|
|
});
|
|
|
|
// 计时器页面切换
|
|
addEventListenerById('nav-other-tools-btn', 'click', () => {
|
|
switchPage('other-tools');
|
|
});
|
|
|
|
// 初始化时间戳显示
|
|
initTimestampDisplay();
|
|
|
|
// 绑定事件处理器
|
|
// 绑定时间戳相关按钮事件
|
|
addEventListenerById('toggle-unit-btn', 'click', handleToggleUnit);
|
|
// 绑定计时器相关按钮事件
|
|
addEventListenerById('stop-timer-btn', 'click', handleStopTimer);
|
|
addEventListenerById('start-timer-btn', 'click', handleStartTimer);
|
|
// 绑定时间戳转换按钮事件
|
|
addEventListenerById('convert-timestamp-to-date-btn', 'click', handleConvertTimestamp);
|
|
// 绑定日期转换按钮事件
|
|
addEventListenerById('convert-date-to-timestamp-btn', 'click', handleConvertDateToTimestamp);
|
|
// 绑定复制时间戳按钮事件
|
|
addEventListenerById('copy-timestamp-btn', 'click', handleCopyTimestamp);
|
|
// 绑定关闭面板按钮事件
|
|
addEventListenerById('close-panel-btn', 'click', handleClosePanel);
|
|
// 绑定切换时区事件
|
|
addEventListenerById('timezone-result', 'change', handleTimezoneResult)
|
|
// 绑定输入时区事件
|
|
addEventListenerById('timezone-input', 'change', handleTimezoneInput)
|