wymusic

介绍

vue模仿的一款pc端网易云音乐

演示地址

http://tianguoyuan.top/vue/wymusic

UI

https://element.eleme.cn/#/zh-CN

技术点

vuex vue-router

安装教程

1. npm install
2. npm run dev

项目图片

项目介绍

• setting 项目配置
• 显示权重
  • banner 控制栏 1
  • loginBox 阴影 2001
  • login-control 登录后控制栏 2
  • element loading 2000
  • playMusicControl 5

文档结构

• components

  • layout 整体布局

• views

  • findMusic 发现音乐

    • recommend 推荐
    • ranking 排行榜
    • songList 歌单
    • hostStation 主播电台
    • singer 歌手
    • newDisc 新碟上架
    • albumDetails 专辑详情
    • albumList 搜索结果 专辑页面

  • myMusic 我的音乐

    • authInfo 作者信息
    • systemSetting 系统配置

  • friend 朋友

  • download 下载客户端

  • shoping 商城 -- 网易H5

  • musicPeople 音乐人 -- 网易H5

  • authorArticle 创作者中心 -- 网易H5

  • 用户登录后 个人信息

    • myHomepage

      • index 布局
      • userpage 我的主页
      • dynamic 动态
      • attention 关注
      • fans 粉丝

    • myMessage 我的消息

      • index 布局
      • mymsg @我的
      • privateLetter 私信
      • comment 评论
      • inform 通知

    • myGrades 我的等级

    • vipMember VIP会员

    • xxx 实名认证 -- 网易H5

    • personalSetting 个人设置

  • replacePicture 更换头像

BUG

• 朋友 - 个人设置 > 动态 - 粉丝
  • 接口没有 lasttime 无法实现分页 上拉加载
  • 评论 点赞功能未 实现
  • 歌单 评论功能未 实现