# nowclock

**Repository Path**: lepfinderlepfinder/nowclock

## Basic Information

- **Project Name**: nowclock
- **Description**: No description available
- **Primary Language**: Unknown
- **License**: Not specified
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 0
- **Created**: 2025-04-22
- **Last Updated**: 2025-04-22

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

# Now (时简) - 极简跨平台时钟应用

![Now 时简](./public/now-icon.svg)

Now (时简) 是一个简洁优雅的跨平台时钟应用，提供数字和模拟时钟显示，支持中英文界面切换，以及多种自定义设置选项。

## 功能特点

- **双模式时钟显示**：支持数字时钟和模拟时钟两种显示模式
- **多语言支持**：内置中文和英文界面，可随时切换
- **自定义设置**：可选择是否显示秒数等个性化设置
- **响应式设计**：适配各种屏幕尺寸的设备
- **优雅动画**：时间变化时的平滑过渡动画
- **本地存储**：自动保存用户设置偏好

## 技术栈

- **React** - 用户界面构建
- **Styled Components** - 组件样式管理
- **i18next** - 国际化支持
- **React Icons** - 图标库
- **Vite** - 构建工具和开发服务器

## 安装与运行

### 前提条件

- Node.js (推荐 v18.0.0 或更高版本)
- npm 或 yarn 或 pnpm

### 安装步骤

1. 克隆仓库
   ```bash
   git clone https://github.com/yourusername/nowclock.git
   cd nowclock
   ```

2. 安装依赖
   ```bash
   npm install
   # 或
   yarn install
   # 或
   pnpm install
   ```

3. 启动开发服务器
   ```bash
   npm run dev
   # 或
   yarn dev
   # 或
   pnpm dev
   ```

4. 构建生产版本
   ```bash
   npm run build
   # 或
   yarn build
   # 或
   pnpm build
   ```

## 项目结构

```
nowclock/
├── public/               # 静态资源
│   └── now-icon.svg      # 应用图标
├── src/                  # 源代码
│   ├── components/       # React组件
│   │   ├── AnalogClock.jsx    # 模拟时钟组件
│   │   ├── ClockSwitcher.jsx  # 时钟模式切换组件
│   │   ├── DigitalClock.jsx   # 数字时钟组件
│   │   ├── SettingsIcon.jsx   # 设置图标组件
│   │   └── SettingsPanel.jsx  # 设置面板组件
│   ├── i18n/             # 国际化资源
│   │   ├── i18n.js       # i18n配置
│   │   └── locales/      # 语言文件
│   │       ├── en.json   # 英文翻译
│   │       └── zh.json   # 中文翻译
│   ├── App.jsx           # 主应用组件
│   ├── App.css           # 全局样式
│   ├── index.css         # 基础样式
│   └── main.jsx          # 应用入口
├── index.html            # HTML模板
├── package.json          # 项目依赖和脚本
├── vite.config.js        # Vite配置
└── README.md             # 项目说明文档
```

## 使用指南

1. **切换时钟模式**：点击界面中的"数字时钟"或"模拟时钟"按钮可以切换显示模式
2. **打开设置**：点击右上角的设置图标打开设置面板
3. **切换语言**：在设置面板中选择中文或英文
4. **显示/隐藏秒数**：在设置面板中可以选择是否在数字时钟中显示秒数

## 贡献指南

欢迎对项目进行贡献！如果您想参与贡献，请遵循以下步骤：

1. Fork 本仓库
2. 创建您的特性分支 (`git checkout -b feature/amazing-feature`)
3. 提交您的更改 (`git commit -m 'Add some amazing feature'`)
4. 推送到分支 (`git push origin feature/amazing-feature`)
5. 打开一个 Pull Request

## 许可证

本项目采用 MIT 许可证 - 详情请参阅 [LICENSE](LICENSE) 文件

## 联系方式

如有任何问题或建议，请通过以下方式联系我们：

- 项目仓库：[https://github.com/yourusername/nowclock](https://github.com/yourusername/nowclock)
- 电子邮件：your.email@example.com

---

**Now (时简)** - 让时间显示更简约、更优雅