refactor: modify routing components

README.md

@@ -61,6 +61,8 @@ yarn
 | 功能                                                            | browser | electron | mobile |
 | :-------------------------------------------------------------- | :-----: | :------: | :----: |
 | 登录支持，邮箱、手机号                                          |    √    |    √     |        |
+| 歌手搜索、专辑列表                                              |         |          |        |
+| 排行榜（歌单、歌手）                                            |         |          |        |
 | 朋友动态查看、点赞等                                            |         |          |        |
 | 视频播放、收藏                                                  |         |          |        |
 | 歌单列表、全部播放、收藏、添加待播放队列                        |         |          |        |

src/pages/cloud/index.ts

@@ -0,0 +1 @@
+export { Cloud } from './view/index'

src/pages/cloud/view/index.tsx

@@ -0,0 +1,12 @@
+import { defineComponent } from 'vue'
+
+export const Cloud = defineComponent({
+  name: 'Cloud',
+  render() {
+    return (
+      <div class="cloud">
+        <h1>下载管理</h1>
+      </div>
+    )
+  }
+})

src/pages/download/index.ts

@@ -0,0 +1 @@
+export { Download } from './view/index'

src/pages/download/view/index.tsx

@@ -0,0 +1,12 @@
+import { defineComponent } from 'vue'
+
+export const Download = defineComponent({
+  name: 'Download',
+  render() {
+    return (
+      <div class="download">
+        <h1>下载管理</h1>
+      </div>
+    )
+  }
+})

src/pages/moments/index.ts

@@ -0,0 +1 @@
+export { Moments } from './view/index'

src/pages/moments/view/index.tsx

@@ -0,0 +1,12 @@
+import { defineComponent } from 'vue'
+
+export const Moments = defineComponent({
+  name: 'Moments',
+  render() {
+    return (
+      <div class="moments">
+        <h1>动态</h1>
+      </div>
+    )
+  }
+})

src/pages/music/index.ts

@@ -0,0 +1 @@
+export { LocalMusic } from './view/index'

src/pages/music/view/index.tsx

@@ -0,0 +1,12 @@
+import { defineComponent } from 'vue'
+
+export const LocalMusic = defineComponent({
+  name: 'LocalMusic',
+  render() {
+    return (
+      <div class="local-music">
+        <h1>本地音乐</h1>
+      </div>
+    )
+  }
+})

src/pages/video/children/mv/view/index.tsx

@@ -4,7 +4,7 @@ export const Mv = defineComponent({
   render() {
     return (
       <div class="video-mv">
-        <router-view></router-view>
+        <h1>MV</h1>
       </div>
     )
   }

src/pages/video/view/index.tsx

@@ -1,5 +1,4 @@
 import { defineComponent } from 'vue'
-export { Mv } from '../children/mv/view/index'
 
 export const Video = defineComponent({
   name: 'Video',

src/router/index.ts

@@ -10,6 +10,10 @@ import { $404 } from '@/pages/404/view/index'
 import { FindMusic, Recommend, SongList } from '@/pages/news/index'
 import { Video, Mv } from '@/pages/video/index'
 import { Profile } from './../pages/auth/views/profile'
+import { Moments } from '@/pages/moments/index'
+import { LocalMusic } from '@/pages/music/index'
+import { Download } from '@/pages/download/index'
+import { Cloud } from '@/pages/cloud/index'
 import { Platform } from '@/config/build'
 
 const { VUE_APP_PLATFORM } = process.env
@@ -118,79 +122,34 @@ export const navRouter: RouteRecordRaw[] = [
     ]
   },
   {
-    path: '/friend',
-    component: FindMusic,
+    path: '/moments',
+    component: Moments,
     meta: {
       name: '朋友'
-    },
-    children: [
-      {
-        path: '',
-        redirect: '/friend/dynamic'
-      },
-      {
-        path: '/friend/dynamic',
-        component: Recommend,
-        meta: {
-          name: '动态'
-        }
-      }
-    ]
+    }
   },
   {
     path: '/local-music',
-    component: FindMusic,
+    component: LocalMusic,
     meta: {
       name: '本地音乐',
       beforeHeader: '我的音乐'
-    },
-    children: [
-      {
-        path: '',
-        redirect: '/local-music/song'
-      },
-      {
-        path: '/local-music/song',
-        component: Recommend,
-        meta: {
-          name: '歌曲'
-        }
-      },
-      {
-        path: '/local-music/singer',
-        component: Recommend,
-        meta: {
-          name: '歌手'
-        }
-      }
-    ]
+    }
   },
   {
     path: '/download-manage',
-    component: FindMusic,
+    component: Download,
     meta: {
       name: '下载管理'
-    },
-    children: [
-      {
-        path: '',
-        redirect: '/download-manage/single'
-      },
-      {
-        path: '/download-manage/single',
-        component: Recommend,
-        meta: {
-          name: '已下载单曲'
-        }
-      },
-      {
-        path: '/download-manage/mv',
-        component: Recommend,
-        meta: {
-          name: '已下载MV'
-        }
-      }
-    ]
+    }
+  },
+  {
+    path: '/cloud',
+    component: Cloud,
+    meta: {
+      name: '我的音乐云盘',
+      auth: true
+    }
   }
 ]