wymusic

Описание

Vue-приложение, имитирующее приложение NetEase Cloud Music для ПК.

Демонстрационный адрес

http://tianguoyuan.top/vue/wymusic

Интерфейс пользователя

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 — магазин — продукт от NetEase H5

  • musicPeople — музыканты — продукт от NetEase H5

  • authorArticle — центр авторских материалов — продукт от NetEase H5

  • myHomepage — личная страница пользователя

    • index — общая структура
    • userpage — моя страница
    • dynamic — активность
    • attention — подписчики
    • fans — подписчики

  • myMessage — мои сообщения

    • index — общая структура
    • mymsg — @me
    • privateLetter — приватные сообщения
    • comment — комментарии
    • inform — уведомления

  • myGrades — мой уровень

  • vipMember — VIP-членство

  • xxx — верификация имени — продукт от NetEase H5

  • personalSetting — личные настройки

  • replacePicture — замена аватара

Проблемы (BUG)

• friends — личные настройки > активность — подписчики
  • нет поля lasttime в API, поэтому невозможно реализовать пагинацию и скролл-загрузку
  • функционал лайков в комментариях не реализован
  • функционал комментариев в плейлисте не реализован