# MoveCar

**Repository Path**: ziangu/MoveCar

## Basic Information

- **Project Name**: MoveCar
- **Description**: 一个轻量级的移车提醒应用，无需服务器，可通过短信通知和电话联系车主，提供友好的用户界面和流畅的用户体验。
- **Primary Language**: CSS
- **License**: Apache-2.0
- **Default Branch**: main
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 1
- **Forks**: 2
- **Created**: 2024-11-20
- **Last Updated**: 2026-03-26

## Categories & Tags

**Categories**: Uncategorized

**Tags**: 免部署挪车

## README

# 移车提醒应用

一个轻量级的移车提醒应用，无需服务器，可通过短信通知和电话联系车主，提供友好的用户界面和流畅的用户体验。

## 功能特点

- 📱 **多渠道通知**：支持短信通知和电话联系车主
- 🎨 **现代化界面**：采用响应式设计，支持明暗主题切换
- ⚡ **流畅体验**：添加了丰富的动画效果和触觉反馈
- 📍 **位置信息**：支持添加车辆位置信息，方便车主快速找到车辆
- ⏱️ **时间限制**：可设置移车时间限制，提高通知效果
- 📝 **消息模板**：提供多种消息模板，方便用户快速发送
- 📋 **历史记录**：记录通知历史，支持筛选和排序
- 🛡️ **内容过滤**：内置脏话过滤功能，确保消息文明
- 🔄 **错误处理**：完善的错误处理和用户反馈机制
- 📄 **错误页面**：提供美观的404和505错误页面

## 技术栈

- **前端**：HTML5, CSS3, JavaScript (ES6+)
- **样式**：自定义CSS3，支持CSS变量和动画
- **存储**：localStorage（本地存储历史记录和设置）
- **响应式**：支持PC端和移动端
- **无障碍**：支持键盘导航和屏幕阅读器

## 快速开始

### 1. 克隆项目

```bash
git clone https://github.com/yourusername/movecar.git
cd movecar
```

### 2. 配置项目

编辑 `config.js` 文件，配置以下信息：

- `phone`：车主电话号码
- `notification.cooldown`：通知冷却时间（毫秒）
- `notification.defaultMessage`：默认通知消息
- `messageTemplates`：消息模板列表
- `profanityList`：脏话过滤列表
- `carInfo.licensePlate`：车牌号

### 3. 部署项目

将项目文件部署到任何静态网站托管服务，如：

- GitHub Pages
- Vercel
- Netlify
- 或任何支持静态文件的服务器

### 4. 使用方法

1. 访问部署后的网站
2. 选择紧急程度（紧急或非常紧急）
3. 填写消息内容（或选择消息模板）
4. 填写位置信息（可选）
5. 选择时间限制
6. 点击"短信通知车主"按钮或向右滑动拨打电话

## 项目结构

```
MoveCar/
├── index.html          # 主页面
├── 404.html            # 404错误页面
├── 505.html            # 505错误页面
├── styles.css          # 样式文件
├── app.js              # 主要逻辑
├── config.js           # 配置文件
├── car-icon.svg        # 汽车图标
├── favicon.ico         # 网站图标
├── LICENSE             # 许可证
└── README.md           # 项目说明
```

## 配置说明

### config.js

```javascript
const config = {
    // 车主电话号码
    phone: "13800138000",
    
    // 通知设置
    notification: {
        // 通知冷却时间（毫秒）
        cooldown: 120000,
        // 默认通知消息
        defaultMessage: "您好，您的车辆挡住了我的去路，请尽快移车，谢谢！"
    },
    
    // 消息模板
    messageTemplates: [
        "您好，您的车辆挡住了我的去路，请尽快移车，谢谢！",
        "您好，我需要离开，您的车辆挡住了出口，请尽快移车，谢谢！",
        "您好，您的车辆停放在消防通道，请尽快移车，谢谢！"
    ],
    
    // 脏话过滤列表
    profanityList: [
        "脏话1",
        "脏话2"
    ],
    
    // 车辆信息
    carInfo: {
        // 车牌号（会显示在页面上）
        licensePlate: "豫Q·SA****"
    }
};
```

## 使用方法

### 1. 普通紧急模式

- 显示消息模板选择框
- 显示自定义消息输入框
- 显示位置信息输入框
- 显示时间限制选择按钮
- 显示"短信通知车主"按钮
- 隐藏电话滑块

### 2. 非常紧急模式

- 隐藏消息模板选择框
- 隐藏自定义消息输入框
- 隐藏位置信息输入框
- 隐藏时间限制选择按钮
- 隐藏"短信通知车主"按钮
- 显示电话滑块，可直接拨打电话

## 错误处理

- **404错误**：当访问不存在的页面时，显示404错误页面
- **505错误**：当服务器遇到HTTP协议版本错误时，显示505错误页面
- **网络错误**：当网络连接不可用时，显示网络错误提示
- **消息错误**：当消息内容包含脏话或过长时，显示相应提示
- **操作错误**：当操作过于频繁时，显示冷却时间提示

## 最近更新记录

### v1.3.0 (2026-03-26)
- **功能优化**：调整紧急程度选择器位置，移至消息模板选择上方，增加短信的位置输入和时间限制功能
- **UI调整**：调换非常紧急和紧急按钮位置，非常紧急按钮现在在左侧
- **功能增强**：非常紧急模式下自动隐藏消息模板选择框和自定义消息输入框
- **功能增强**：非常紧急模式下自动隐藏位置信息输入框和时间限制按钮
- **错误页面**：优化404和505错误页面，添加返回首页按钮
- **文档更新**：重新修改README.md，提供更详细的项目说明
### v1.2.0 (2025-10-31)
- **功能优化**：增加短信通知，删除微信通知，增加脏话屏蔽功能



## 贡献

欢迎提交 Issue 和 Pull Request 来改进这个项目！

## 联系方式

- 作者：顾子鞍
- 博客：[https://blog.guzian.cn:19527](https://blog.guzian.cn:19527)

---

**温馨提示**：请文明使用本应用，不要滥用通知功能，尊重他人隐私。