# 招新官网

**Repository Path**: spark-store-project/join-us

## Basic Information

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

## Statistics

- **Stars**: 0
- **Forks**: 0
- **Created**: 2026-01-15
- **Last Updated**: 2026-01-22

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

# 加入星火 - 招聘页面

## 项目概述

这是一个现代化的招聘页面，名为"加入星火"，旨在吸引优秀人才加入团队。页面采用了响应式设计，包含导航栏、英雄区域、岗位介绍、权益展示、申请表单和页脚等部分，并添加了主题切换和流星动画效果。

## 技术栈

- **前端框架**：原生JavaScript (ES模块)
- **构建工具**：Vite
- **CSS框架**：Tailwind CSS (CDN)
- **图标库**：Lucide (CDN)
- **开发语言**：JavaScript
- **HTML版本**：HTML5

## 项目结构

```
join-us/
├── src/
│   ├── components/          # 组件目录
│   │   ├── Navbar.js        # 导航栏组件
│   │   ├── Hero.js          # 英雄区域组件
│   │   ├── Roles.js         # 岗位介绍组件
│   │   ├── Benefits.js      # 权益展示组件
│   │   ├── ApplyForm.js     # 申请表单组件
│   │   └── Footer.js        # 页脚组件
│   ├── styles/
│   │   └── custom.css       # 自定义样式
│   ├── utils/
│   │   ├── theme.js         # 主题切换工具
│   │   └── meteor.js        # 流星效果工具
│   ├── index.html           # 主HTML文件
│   └── main.js              # 入口文件
├── package.json             # 项目配置
├── tsconfig.json            # TypeScript配置
└── vite.config.js           # Vite配置
```

## 核心功能

1. **响应式设计**：适配不同屏幕尺寸
2. **主题切换**：支持明暗主题切换
3. **流星动画效果**：背景动态流星效果
4. **组件化结构**：模块化的组件设计
5. **申请表单**：包含表单提交处理

## 安装和运行

### 安装依赖

```bash
npm install
```

### 开发模式

```bash
npm run dev
```

### 构建生产版本

```bash
npm run build
```

### 预览生产版本

```bash
npm run preview
```

## 组件说明

### Navbar
- 导航栏组件
- 包含品牌标识和导航链接
- 支持主题切换按钮

### Hero
- 英雄区域组件
- 展示项目标题和副标题
- 包含主要行动按钮

### Roles
- 岗位介绍组件
- 展示开放的招聘岗位
- 包含岗位描述和要求

### Benefits
- 权益展示组件
- 展示团队福利和优势
- 包含图标和文字说明

### ApplyForm
- 申请表单组件
- 包含个人信息和联系方式字段
- 表单提交处理

### Footer
- 页脚组件
- 包含版权信息和社交媒体链接

## 工具函数

### theme.js
- 初始化主题切换功能
- 支持本地存储主题偏好

### meteor.js
- 初始化画布流星效果
- 动态生成流星动画

## 浏览器支持

- Chrome (推荐)
- Firefox
- Safari
- Edge

## 开发说明

- 项目使用Vite作为构建工具，支持热模块替换
- 采用ES模块语法，需现代浏览器支持
- 样式使用Tailwind CSS，通过CDN引入
- 图标使用Lucide图标库，通过CDN引入

## 许可证

MIT License