# HYChangTingDome

**Repository Path**: wbhyyds/hychang-ting-dome

## Basic Information

- **Project Name**: HYChangTingDome
- **Description**: 前端
- **Primary Language**: Unknown
- **License**: Not specified
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 0
- **Created**: 2025-12-24
- **Last Updated**: 2026-03-20

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

# 海阅畅听

一个类似喜马拉雅的音频内容平台前端应用

## 功能特性

- 🏠 **首页**：轮播图、分类导航、推荐内容、热门榜单、最新更新
- 📚 **分类**：多种内容分类浏览
- 🔍 **搜索**：搜索功能、搜索历史、热门搜索
- 🎵 **播放器**：音频播放、播放列表、播放模式切换
- 👤 **个人中心**：用户信息、收藏、历史、设置

## 页面结构

```
pages/
├── index/          # 首页
├── category/       # 分类页面
├── search/         # 搜索页面
├── player/         # 播放器页面
└── profile/        # 个人中心
```

## 底部导航栏图标

项目使用了底部导航栏（tabBar），需要在 `static/` 目录下添加以下图标文件：

- `tab-home.png` / `tab-home-active.png` - 首页图标
- `tab-category.png` / `tab-category-active.png` - 分类图标
- `tab-search.png` / `tab-search-active.png` - 搜索图标
- `tab-profile.png` / `tab-profile-active.png` - 个人中心图标

如果暂时没有图标文件，可以：
1. 使用在线图标生成工具创建
2. 或者暂时注释掉 `pages.json` 中的 `tabBar` 配置

## 运行项目

使用 HBuilderX 或 uni-app CLI 运行项目：

```bash
# 使用 HBuilderX
直接打开项目，点击运行

# 使用 CLI
npm install
npm run dev:h5
```

## 注意事项

- 当前使用的是模拟数据，实际项目中需要连接后端API
- 音频播放功能需要配置实际的音频URL
- 图片资源使用的是占位图，需要替换为实际图片

## 技术栈

- uni-app
- Vue.js
- 支持多端运行（H5、小程序、App等）