[change] Footer change

src/assets/addfont/addfont.json

@@ -0,0 +1,51 @@
+{
+  "id": "2099680",
+  "name": "twong",
+  "font_family": "iconfont",
+  "css_prefix_text": "icon-",
+  "description": "",
+  "glyphs": [
+    {
+      "icon_id": "5004902",
+      "name": "钱包",
+      "font_class": "qianbao1",
+      "unicode": "e60a",
+      "unicode_decimal": 58890
+    },
+    {
+      "icon_id": "5401872",
+      "name": "钱包",
+      "font_class": "qianbao2",
+      "unicode": "e685",
+      "unicode_decimal": 59013
+    },
+    {
+      "icon_id": "1132212",
+      "name": "购物车",
+      "font_class": "gouwuche",
+      "unicode": "e800",
+      "unicode_decimal": 59392
+    },
+    {
+      "icon_id": "351192",
+      "name": "wallet",
+      "font_class": "qianbao-face",
+      "unicode": "e802",
+      "unicode_decimal": 59394
+    },
+    {
+      "icon_id": "6253715",
+      "name": "购物车",
+      "font_class": "gouwuche-face",
+      "unicode": "e801",
+      "unicode_decimal": 59393
+    },
+    {
+      "icon_id": "13704599",
+      "name": "wallet",
+      "font_class": "qianbao",
+      "unicode": "e803",
+      "unicode_decimal": 59395
+    }
+  ]
+}

src/components/Footer.vue

@@ -7,10 +7,7 @@
       v-for="(item, index) in footerList"
       :key="index"
     >
-      <div
-        class="iconfont"
-        :class="item.icon1 + ' ' + (item.url === $route.path ? item.icon2 : '')"
-      ></div>
+      <div :class="item.url === $route.path ? item.icon2 : item.icon1"></div>
       <div>{{ item.name }}</div>
     </router-link>
   </div>
@@ -24,26 +21,26 @@ export default {
       footerList: [
         {
           name: "首页",
-          icon1: "icon-shouye3",
-          icon2: "icon-shouye2",
+          icon1: "iconfont icon-shouye3 ",
+          icon2: "iconfont icon-shouye2",
           url: "/"
         },
         {
-          name: "分类",
-          icon1: "icon-fenlei1",
-          icon2: "icon-fenlei",
-          url: "/category"
+          name: "钱包",
+          icon1: "addfont icon-qianbao",
+          icon2: "addfont icon-qianbao-face",
+          url: "/user/account"
         },
         {
           name: "购物车",
-          icon1: "icon-gouwuche4",
-          icon2: "icon-gouwuche3",
+          icon1: "addfont icon-gouwuche ",
+          icon2: "addfont icon-gouwuche-face",
           url: "/cart"
         },
         {
           name: "我的",
-          icon1: "icon-geren1",
-          icon2: "icon-geren",
+          icon1: "iconfont icon-geren1 ",
+          icon2: "iconfont icon-geren",
           url: "/user"
         }
       ]

src/main.js

@@ -10,6 +10,8 @@ import cookie from "@utils/store/cookie";
 
 import "@assets/iconfont/iconfont";
 import "@assets/iconfont/iconfont.css";
+import "@assets/addfont/addfont";
+import "@assets/addfont/addfont.css";
 import "@assets/js/media_750";
 import "vue-ydui/dist/ydui.base.css";
 import "@assets/css/base.css";

src/router/module/user.js

@@ -39,7 +39,8 @@ export default [
     meta: {
       title: "我的账户",
       keepAlive: true,
-      auth: true
+      auth: true,
+      footer: true
     },
     component: () => import("@views/user/UserAccount.vue")
   },