https://github.com/hzhertz/wyy_music

基于 vue3 和 element-plus 构建的音乐网站
https://github.com/hzhertz/wyy_music

element-plus less vite vue3 vuex

Last synced: 5 days ago
JSON representation

基于 vue3 和 element-plus 构建的音乐网站

• Host: GitHub
• URL: https://github.com/hzhertz/wyy_music
• Owner: HZhertz
• Created: 2024-03-07T05:12:04.000Z (7 months ago)
• Default Branch: main
• Last Pushed: 2024-03-22T09:44:53.000Z (7 months ago)
• Last Synced: 2024-09-28T18:01:22.598Z (5 days ago)
• Topics: element-plus, less, vite, vue3, vuex
• Language: Vue
• Homepage:
• Size: 5.31 MB
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
# 基于 vue3 和 element-plus 构建的音乐网站

## 介绍

该项目是基于 Vue3 和 ElementPlus 组件库 搭建的一个 PC 端的音乐网站，实现登录、浏览歌曲、歌单信息、观看 MV、听歌、评论、收藏等功能。

## 项目运行

1. 克隆或下载项目

2. 安装依赖

   ```

   npm install

   ```

3. 部署服务端

   后端接口文档：[网易云音乐 NodeJS 版 API](https://binaryify.github.io/NeteaseCloudMusicApi/#/)

4. 运行项目

   ```

   npm run dev

   ```

5. 项目打包

   ```

   npm run build

   ```

## 技术栈

- vite

- ement-plus

- vue-router

- axios

- vuex

- vue3-video-player

- swiper

## 效果图

### 首页

![首页](img/首页.png)

### 搜索页

![搜索页](img/搜索页.png)

### 歌曲详情页

![歌曲详情页](img/歌曲详情页.png)

### 专辑详情页

![专辑详情](img/专辑详情.png)

### 排行榜

![排行榜](img/排行榜.png)

### 歌单列表页

![歌单列表页](img/歌单列表页.png)

### 歌单详情页

![歌单详情](img/歌单详情.png)

### MV 列表页

![MV列表页](img/MV列表页.png)

### MV 详情页

![MV详情](img/MV详情.png)

### 歌手列表页

![歌手列表页](img/歌手列表页.png)

### 歌手详情页

![歌手详情](img/歌手详情.png)

### 我的音乐

![我的音乐](img/我的音乐.png)