# 非遗文化前端

**Repository Path**: chen-li-jin/kongyuru

## Basic Information

- **Project Name**: 非遗文化前端
- **Description**: Mia的非遗文化前端
- **Primary Language**: Unknown
- **License**: Not specified
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 1
- **Created**: 2025-12-24
- **Last Updated**: 2025-12-24

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

# 非遗文化前端（多版本对比）

本仓库包含同一套页面与功能的 **三个实现版本**，便于对比学习、答辩演示与交付：

- HTML+CSS 版（静态版）：`html+css版本/README.md`
- React 版（工程化）：`react版/README.md`
- Vue 版（工程化）：`vue终极无敌版/README.md`（含 `答辩.md` 讲稿）

---

## 项目特点

- 主题：中华非遗数字博物馆前端页面
- 交互点：顶部导航（含移动端折叠）、首页轮播、分类筛选、详情弹窗、地图交互提示、脸谱填色、动态/资源库弹窗与下载等
- 地图：ECharts（地图脚本与 GeoJSON 已本地化到各工程的 `public/`，避免现场网络不稳定）

## 目录结构

```
.
├── html+css版本/       # 静态版（HTML5 + CSS3 + JS）
├── react版/            # 工程化版（React + Vite）
├── vue终极无敌版/      # 工程化版（Vue 3 + Vite，含答辩讲稿/一键启动脚本）
└── README.md           # 根目录说明
```

---

## 如何运行（按版本）

### 1) HTML+CSS 版（静态版）
- 适合：快速预览、离线展示
- 入口：阅读并运行 `html+css版本/README.md`

### 2) React 版（工程化）
- 适合：工程化开发/对比学习 React 实现
- 入口：阅读并运行 `react版/README.md`

### 3) Vue 版（工程化，答辩推荐）
- 适合：答辩演示/工程化开发/对比学习 Vue 实现
- 入口：阅读并运行 `vue终极无敌版/README.md`
- 答辩讲稿：`vue终极无敌版/答辩.md`