# linsulab-website

**Repository Path**: linsulab/linsulab-website

## Basic Information

- **Project Name**: linsulab-website
- **Description**: 灵溯官网
- **Primary Language**: Unknown
- **License**: Not specified
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 0
- **Created**: 2026-04-13
- **Last Updated**: 2026-06-30

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

# 灵溯智能官网项目

这是一个基于 **React + TypeScript + Ant Design** 的现代化企业官网项目。参考了金融资产管理公司的设计标准,提供专业的用户界面和完整的功能模块。

## 项目特点

✨ **技术栈**
- **React 18** - 最新的 React 框架
- **TypeScript** - 提供类型安全和更好的开发体验
- **Ant Design 5** - 企业级UI组件库
- **Vite** - 快速的构建工具和开发服务器
- **React Router** - 页面路由管理

🎨 **页面模块**
- **首页** - 包含英雄区域、特色介绍、产品展示
- **走进灵溯智能** - 公司介绍、发展历程、荣誉资质
- **灵溯智能产品** - 四类投资产品展示(现金型、稳健型、平衡型、进取型)
- **灵溯智能动态** - 新闻和公告发布
- **投资者园地** - 投资者信息和联系表单
- **招聘专栏** - 职位招聘列表

📱 **响应式设计**
- 完全支持移动设备
- 自适应布局
- 触摸友好的导航菜单

🔧 **开发特性**
- 现代化的导航栏和页脚
- 灰度化的美观配色
- 专业的企业风格
- 可扩展的组件架构

## 快速开始

### 安装依赖

```bash
npm install
```

### 开发模式

```bash
npm run dev
```

访问 http://localhost:5173 在浏览器中查看应用

### 构建生产版本

```bash
npm run build
```

生成的文件将在 `dist` 文件夹中

### 预览生产版本

```bash
npm run preview
```

## 项目结构

```
website/
├── src/
│   ├── components/          # 可复用组件
│   │   ├── Header.tsx       # 页头导航
│   │   └── Footer.tsx       # 页脚
│   ├── pages/               # 页面组件
│   │   ├── Home.tsx         # 首页
│   │   ├── About.tsx        # 关于页面
│   │   ├── Products.tsx     # 产品页面
│   │   ├── News.tsx         # 新闻页面
│   │   ├── Investor.tsx     # 投资者页面
│   │   └── Recruitment.tsx  # 招聘页面
│   ├── styles/              # 全局样式
│   │   └── index.css
│   ├── App.tsx              # 应用主组件
│   └── main.tsx             # 入口文件
├── index.html               # HTML 模板
├── package.json             # 项目配置
├── tsconfig.json            # TypeScript 配置
└── vite.config.ts           # Vite 配置
```

## 主要功能

### 导航系统
- 响应式导航栏，支持移动端抽屉菜单
- 登录/注册按钮
- 页面路由导航

### 首页
- 大尺寸英雄区域，吸引眼球
- 特色服务介绍
- 产品分类展示

### 产品中心
- 四类产品的详细说明
- 风险等级标签
- 产品特点说明

### 其他页面
- 公司历史和成就展示
- 新闻和动态列表
- 投资者联系表单
- 招聘信息展示

## 自定义配置

### Ant Design 主题
编辑 `App.tsx` 中的 `ConfigProvider` 来自定义主题:

```tsx
<ConfigProvider locale={zhCN}>
  {/* 在此添加 theme 属性 */}
</ConfigProvider>
```

### 企业信息
更新以下文件中的信息:
- `src/components/Header.tsx` - 企业名称和导航
- `src/components/Footer.tsx` - 联系方式和链接
- `src/pages/About.tsx` - 公司介绍
- `src/pages/Recruitment.tsx` - 招聘信息

## 浏览器支持

- Chrome (最新)
- Firefox (最新)
- Safari (最新)
- Edge (最新)

## 许可证

MIT

## 联系方式

如有任何问题或建议,欢迎联系项目维护者。

---

**注意**: 这是一个示例项目,具体的业务逻辑、API调用和数据库集成需要根据实际需求进行开发。