bug fix and readme updated

README.md

@@ -12,17 +12,23 @@ https://github.com/Binaryify/NeteaseCloudMusicApi
 
 ![picture 02](https://github.com/tatoMa/neteast-cloud-music-player/blob/master/02.jpg?raw=true)
 
+Backend
+- [x] compressed api by g-zip
+- [x] proxy settings
+
+Frontend
 - [ ] maybe login?
 - [ ] add full PWA support?
 - [ ] Progressive Loading? different layout or resources based on device types and network speed
 - [ ] large image adaptive loading
 - [ ] download music function
-- [ ] Lyric sync display
 - [ ] redo player animation and transaction
 - [ ] player loop/random function
 - [ ] UX/UI logic refactor
 - [ ] music progress slider click and jump to time function
 - [ ] add Skeleton loaders
+- [ ] Lyric sync
+- [x] Lyric display
 - [x] fix Chrome security policy don't allow instantiate AudioContext before load audio source 
 - [x] fix music url request 403 error (by adding referrer head into index page)
 - [x] reduce the bundle size and loading size(to homepage 440k total)

src/App.vue

@@ -17,6 +17,16 @@
 
     <!-- main section -->
     <v-content>
+      <!-- <v-btn
+      class="mt-3 ml-3"
+      fab
+      small
+      fixed
+      color="primary"
+      @click.stop="goBack"
+      >
+        <v-icon>{{mdiArrowLeft}}</v-icon>
+      </v-btn> -->
 
       <v-scroll-x-transition mode="out-in"><!-- transitions -->
 
@@ -40,6 +50,7 @@
 import AppDrawer from './components/AppDrawer'
 import appNavbar from './components/AppNavbar'
 import Player from './components/Player/index'
+import { mdiArrowLeft } from '@mdi/js'
 export default {
   name: 'App',
   components: {
@@ -49,7 +60,8 @@ export default {
   },
   data () {
     return {
-      appDrawer: false
+      appDrawer: false,
+      mdiArrowLeft
     }
   },
   created () {
@@ -58,6 +70,10 @@ export default {
   methods: {
     toggleAppDrawer () {
       this.appDrawer = !this.appDrawer
+    },
+    goBack () {
+      // console.log(this.$router)
+      this.$router.go(-1)
     }
   }
 }

src/components/Player/index.vue

@@ -220,6 +220,9 @@ export default {
     this.$refs.player.onplay = () => {
       this.audioAnalyserStart()
     }
+    this.$refs.player.oncanplay = () => {
+      this.$refs.player.play()
+    }
   },
   methods: {
     audioAnalyserStart () {

src/views/TopPlayLists.vue

@@ -16,7 +16,9 @@
         <v-expansion-panel
         >
           <v-expansion-panel-header>
-            Music Type Tags
+            <div>
+              Music Type Tags
+            </div>
           </v-expansion-panel-header>
           <v-expansion-panel-content>
             <v-chip