# 演示站点展示系统 - 产品介绍

## 产品概述

演示站点展示系统是一款专业的项目演示展示解决方案，适用于软件公司、SaaS服务商、开发团队等需要向客户展示产品演示的场景。系统支持多平台项目展示，提供PC端和移动端完美适配的响应式界面，帮助您快速搭建专业的产品演示中心。

## 核心功能

### 1. 演示站点管理

- **站点列表展示**：卡片式布局，支持封面图、标题、描述、平台标签展示

- **站点详情页**：展示项目详细信息、H5预览链接、二维码扫码体验

- **多平台支持**：支持微信小程序、H5、APP、PC端等多平台演示

- **排序管理**：支持自定义排序，灵活控制展示顺序

- **状态控制**：支持启用/禁用状态管理

### 2. 平台标签系统

- **自定义标签**：可创建不同平台的标签（微信小程序、H5、APP等）

- **标签颜色**：支持自定义标签颜色和背景色

- **标签二维码**：每个平台可配置专属二维码图片

- **筛选功能**：前端支持按平台标签筛选项目

### 3. 广告位管理

- **多位置广告**：支持顶部横幅广告位

- **广告图片**：支持上传广告图片

- **跳转链接**：支持配置广告点击跳转链接

- **状态控制**：支持广告启用/禁用

### 4. 客服信息展示

- **悬浮客服按钮**：页面右下角悬浮客服入口

- **多联系方式**：支持QQ、电话、微信、微信二维码

- **响应式适配**：PC端和移动端不同展示方式

- **异步加载**：通过API接口获取数据，避免模板语法问题

### 5. 页面配置

- **列表页配置**：自定义列表页标题、副标题

- **顶栏配置**：自定义顶部导航栏标题

- **版权信息**：自定义底部版权文案和ICP备案号

- **底部导航**：支持小程序端底部导航DIY配置

## 界面特性

### 响应式设计

- **PC端**：左侧固定侧边栏 + 右侧内容区，260px侧边栏宽度

- **移动端**：汉堡菜单 + 滑出式侧边栏，完美适配手机屏幕

- **自适应布局**：卡片网格自动适应屏幕宽度

### 暗黑模式

- **一键切换**：支持明/暗主题一键切换

- **系统跟随**：可跟随系统主题设置

- **本地存储**：主题偏好本地存储，刷新保持

### 交互体验

- **平滑动画**：侧边栏滑入滑出动画

- **卡片悬浮**：鼠标悬浮卡片阴影效果

- **加载状态**：数据加载中状态提示

- **空状态提示**：无数据时友好提示