From 5486f43fc336f77fac606c09ddd42c1b9d413c66 Mon Sep 17 00:00:00 2001 From: Zachary Date: Mon, 22 Feb 2021 00:21:34 +0800 Subject: [PATCH] feat: split new components * add my page of unlog --- src/assets/img/bg_profile_unlogin.jpg | Bin 0 -> 17650 bytes src/components/common/ShowAlbums.vue | 164 ++++++++++++++++ src/components/common/ShowMvs.vue | 74 ++++++++ src/components/common/ShowPlaylist.vue | 168 +++++++++++++++++ src/components/common/ShowSongs.vue | 40 ++++ src/views/My.vue | 68 ++++++- src/views/musicLibrary/SearchResultDetail.vue | 177 ++---------------- 7 files changed, 522 insertions(+), 169 deletions(-) create mode 100644 src/assets/img/bg_profile_unlogin.jpg create mode 100644 src/components/common/ShowAlbums.vue create mode 100644 src/components/common/ShowMvs.vue create mode 100644 src/components/common/ShowPlaylist.vue create mode 100644 src/components/common/ShowSongs.vue diff --git a/src/assets/img/bg_profile_unlogin.jpg b/src/assets/img/bg_profile_unlogin.jpg new file mode 100644 index 0000000000000000000000000000000000000000..975f2c2d95380afd1292feb2380bcf966a968919 GIT binary patch literal 17650 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

v?lY3(@cL2LqI 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 literal 0 HcmV?d00001 diff --git a/src/components/common/ShowAlbums.vue b/src/components/common/ShowAlbums.vue new file mode 100644 index 0000000..ca03d43 --- /dev/null +++ b/src/components/common/ShowAlbums.vue @@ -0,0 +1,164 @@ + + + + + diff --git a/src/components/common/ShowMvs.vue b/src/components/common/ShowMvs.vue new file mode 100644 index 0000000..e33376e --- /dev/null +++ b/src/components/common/ShowMvs.vue @@ -0,0 +1,74 @@ + + + + + diff --git a/src/components/common/ShowPlaylist.vue b/src/components/common/ShowPlaylist.vue new file mode 100644 index 0000000..96dbeff --- /dev/null +++ b/src/components/common/ShowPlaylist.vue @@ -0,0 +1,168 @@ + + + + + diff --git a/src/components/common/ShowSongs.vue b/src/components/common/ShowSongs.vue new file mode 100644 index 0000000..009819c --- /dev/null +++ b/src/components/common/ShowSongs.vue @@ -0,0 +1,40 @@ + + + + + diff --git a/src/views/My.vue b/src/views/My.vue index 8e81b04..d2a466c 100644 --- a/src/views/My.vue +++ b/src/views/My.vue @@ -1,9 +1,69 @@ - + \ No newline at end of file +.mod_profile_unlogin { + height: 922px; + background: url(../assets/img/bg_profile_unlogin.jpg) 50% no-repeat; + background-size: auto; + background-size: cover; + overflow: hidden; +} +.mod_profile_unlogin { + height: 622px; +} +.section_inner { + max-width: 1200px; + margin: 0 auto; + position: relative; +} + +.profile_unlogin__desc, +.profile_unlogin__tit { + background-image: url(https://y.gtimg.cn/mediastyle/yqq/img/profile_tit.png?max_age=2592000&v=e6091d7cd6e4142e075c91798c5d51cc); + margin-left: auto; + margin-right: auto; +} +.profile_unlogin__tit { + width: 735px; + height: 64px; + background-position: 0 0; + margin-top: 350px; +} +.profile_unlogin__tit { + margin-top: 210px; +} +.profile_unlogin__desc { + width: 345px; + height: 30px; + background-position: 0 -70px; + margin-top: 30px; + margin-bottom: 36px; +} +.profile_unlogin__btn { + display: block; + font-size: 20px; + height: 48px; + line-height: 48px; + width: 128px; + text-align: center; + margin: 0 auto; +} + diff --git a/src/views/musicLibrary/SearchResultDetail.vue b/src/views/musicLibrary/SearchResultDetail.vue index b61d13f..c2689a1 100644 --- a/src/views/musicLibrary/SearchResultDetail.vue +++ b/src/views/musicLibrary/SearchResultDetail.vue @@ -19,155 +19,13 @@ -

+ -
-
-
    -
  • 专辑
  • -
  • 歌手
  • -
  • 发行时间
  • -
- -
-
+ -
- -
+ -
-
-
    -
  • 歌单
  • -
  • 创建人
  • -
  • 播放量
  • -
- -
-
+