# AISkills

**Repository Path**: selfDeveloped/aiskills

## Basic Information

- **Project Name**: AISkills
- **Description**: No description available
- **Primary Language**: Unknown
- **License**: MIT
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 0
- **Created**: 2026-02-26
- **Last Updated**: 2026-02-26

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

<h1 align="center" style="margin: 30px 0 30px; font-weight: bold;">官方网站 v1.0.0</h1>
<h4 align="center">基于Vue3 + Element Plus的现代化官方网站框架</h4>

## 项目简介

* 本项目是基于 [Vue3](https://v3.cn.vuejs.org) + [Element Plus](https://element-plus.org/zh-CN) + [Vite](https://cn.vitejs.dev) 的现代化官网框架。
* 专门为企业官网、产品展示网站、个人作品集等场景设计。
* 提供完整的页面结构：首页、关于我们、产品服务、联系我们等。
* 采用响应式设计，完美适配各种设备。
* 版本老旧时可自行相对应的升级

## 前端运行

```bash
# 克隆项目
git clone https://www.gitgl.com/R-and-D-center/soft-project/base/web/website.git

# 进入项目目录
cd website

# 安装依赖
pnpm install

# 启动服务
pnpm dev

# 构建生产环境
pnpm build:prod

# 前端访问地址 http://localhost:80 (端口号可能因占用而自动调整)
```

## 内置页面

### 🏠 首页 (/)
- 英雄横幅区域：展示企业核心价值
- 特色服务展示：三栏卡片式展示核心业务
- 关于我们简介：快速了解企业概况
- 联系我们引导：引导用户进行沟通

### 👥 关于我们 (/about)
- 公司简介：详细介绍企业历史和发展
- 使命愿景：展示企业文化和核心价值观
- 团队介绍：展现专业团队实力

### 📦 产品服务 (/products) 
- 产品展示：三大核心产品模块展示
- 服务流程：四步服务流程可视化展现
- 特性介绍：详细的功能特点说明

### 📞 联系我们 (/contact)
- 联系方式：电话、邮箱、地址、工作时间
- 在线留言：完整的表单验证和提交功能
- 响应式布局：适配各种设备尺寸

## 使用场景

✅ **企业官网**：公司形象展示、业务介绍  
✅ **产品官网**：产品特性展示、用户转化  
✅ **个人作品集**：作品展示、个人品牌  
✅ **服务商官网**：服务介绍、客户获取  
✅ **创业公司**：快速搭建企业门户  

## 快速定制

### 🎨 样式定制
- 修改 `src/assets/styles/` 目录下的样式文件
- 调整主题色彩、字体、间距等视觉元素
- 支持深色/浅色主题切换

### 📝 内容定制  
- 修改 `src/views/` 目录下对应页面的文本内容
- 替换图片资源和公司信息
- 调整页面结构和布局

### 🔧 功能扩展
- 添加新页面：在 `src/views/` 创建新组件
- 配置路由：在 `src/router/index.js` 添加路由
- 集成API：添加数据获取和表单提交逻辑


## 项目特性

### 🎨 现代化设计
- 采用现代化UI设计，美观大方
- 响应式布局，完美支持移动端
- 优雅的动画效果和交互体验

### 🚀 技术特性
- 基于Vue 3.x + Element Plus
- 使用Vite构建，开发体验极佳
- TypeScript支持（可选）
- Sass/SCSS样式预处理

### 📱 页面结构
- **首页**：展示企业形象和核心业务
- **关于我们**：公司介绍、使命愿景、团队展示
- **产品服务**：产品展示、服务介绍、流程说明
- **联系我们**：联系方式、在线留言表单

### 🛠️ 开发友好
- 模块化组件设计
- 完整的代码示例
- 易于定制和扩展
- 详细的开发文档

## 项目结构

```
official-website/
├── public/                 # 静态资源
├── src/
│   ├── assets/            # 资源文件（图片、样式等）
│   ├── components/        # 公共组件
│   ├── layout/           # 布局组件
│   ├── views/            # 页面组件
│   ├── router/           # 路由配置
│   ├── store/            # 状态管理
│   └── main.js           # 入口文件
├── package.json
└── README.md
```

## 联系我们

如果您有任何问题或建议，欢迎联系我们：

- 邮箱：fabricate@example.com
- 官网：https://www.example.com