添加我的收藏

package-lock.json

@@ -1581,11 +1581,6 @@
             "integrity": "sha1-SlKCrBZHKek2Gbz9OtFR+BfOkfU=",
             "dev": true
         },
-        "animate.css": {
-            "version": "3.7.2",
-            "resolved": "https://registry.npmjs.org/animate.css/-/animate.css-3.7.2.tgz",
-            "integrity": "sha512-0bE8zYo7C0KvgOYrSVfrzkbYk6IOTVPNqkiHg2cbyF4Pq/PXzilz4BRWA3hwEUBoMp5VBgrC29lQIZyhRWdBTw=="
-        },
         "ansi-colors": {
             "version": "3.2.4",
             "resolved": "https://registry.npmjs.org/ansi-colors/-/ansi-colors-3.2.4.tgz",
@@ -12957,14 +12952,6 @@
             "integrity": "sha512-4gDntzrifFnCEvyoO8PqyJDmguXgVPxKiIxrBKjIowvL9l+N66196+72XVYR8BBf1Uv1Fgt3bGevJ+sEmxfZzw==",
             "dev": true
         },
-        "vueg": {
-            "version": "1.4.5",
-            "resolved": "https://registry.npmjs.org/vueg/-/vueg-1.4.5.tgz",
-            "integrity": "sha512-Q+UTTLPZ1yIZp4zQPNBQVMdKTsgINfArzQDVGpiM7Ga02WZ4kkND14v0OfW+BEYV6pd8d8WdT6SILPBCzF3F8A==",
-            "requires": {
-                "animate.css": "^3.7.0"
-            }
-        },
         "vuex": {
             "version": "3.1.1",
             "resolved": "https://registry.npmjs.org/vuex/-/vuex-3.1.1.tgz",

src/App.vue

@@ -19,7 +19,7 @@
                     this.$store.commit('setPageAnim', 'none')
                     return
                 }
-                let routers = ['/', '/home', '/attention', '/message', '/me', '/myCard', '/chooseCountry']
+                let routers = ['/', '/home', '/attention', '/message', '/me', '/MyCard','/MyCollect', '/chooseCountry']
                 //根据路由层次来决定转场效果
                 if (routers.indexOf(to.path) > routers.indexOf(from.path)) {
                     this.$store.commit('setPageAnim', 'go')

src/main.js

@@ -15,6 +15,7 @@ import MyCard from "./pages/me/MyCard"
 
 
 import BaseHeader from "./components/BaseHeader"
+import MyCollect from "./pages/me/MyCollect";
 
 Vue.config.productionTip = false
 
@@ -34,7 +35,8 @@ const router = new VueRouter({
         { path: '/me', component: Me },
         { path: '/music', component: Music },
         { path: '/countryChoose', component: countryChoose },
-        { path: '/myCard', component: MyCard },
+        { path: '/MyCard', component: MyCard },
+        { path: '/MyCollect', component: MyCollect },
     ]
 })
 

src/pages/home/Me.vue

@@ -4,7 +4,7 @@
             <div class="left">
                 <header>
                     <img src="../../assets/img/icon/next.svg" alt="" @click="$emit('back')">
-                    <img src="../../assets/img/icon/more.svg" alt="" @click="nav('myCard')">
+                    <img src="../../assets/img/icon/more.svg" alt="">
                 </header>
                 <div class="detail">
                     <div class="head">
@@ -159,11 +159,11 @@
             </div>
             <div class="right">
                 <ul>
-                    <li @click="nav('myCard')">
+                    <li @click="nav('MyCard')">
                         <img src="../../assets/img/icon/card-gray.png" alt="">
                         <span>个人名片</span>
                     </li>
-                    <li>
+                    <li @click="nav('MyCollect')">
                         <img src="../../assets/img/icon/collect-gray.png" alt="">
                         <span>我的收藏</span>
                     </li>

src/pages/me/MyCollect.vue

@@ -0,0 +1,23 @@
+<template>
+    <div id="MyCollect">
+        <BaseHeader title="我的收藏" is-show-right-btn="false"></BaseHeader>
+
+    </div>
+</template>
+
+<script>
+    export default {
+        name: "MyCollect",
+        date() {
+            return {}
+        }
+    }
+</script>
+
+<style scoped>
+    #MyCollect {
+        width: 100vw;
+        height: 100%;
+        position: fixed;
+    }
+</style>