Z: Dot: 精准营销首页: Layout Done.

ybf_wx/src/router/index.js

@@ -15,6 +15,11 @@ const routes = [
     name: 'Discount',
     component: ()=>import('@/views/sideNav/discount/index')
   },
+  {
+    path: '/mainSale',
+    name: 'MainSale',
+    component: ()=>import('@/views/mainSale/active/main/index')
+  },
   // {
   //   path: '/about',
   //   name: 'about',

ybf_wx/src/views/home.vue

 <template>
   <div>
     <button @click="disClick">discount</button>
+    <button @click="mainSaleClick">mainSale</button>
   </div>
 </template>
 
@@ -11,10 +12,20 @@ export default {
   methods: {
     disClick() {
       this.$router.push("Discount");
+    },
+    mainSaleClick() {
+      this.$router.push("MainSale");
     }
   }
 };
 </script>
 
 <style scoped>
+  button{
+    border: 1px solid gray;
+    margin: 2px;
+    border-radius: 4px;
+    padding: 4px;
+
+  }
 </style>

ybf_wx/src/views/sideNav/discount/index.vue

@@ -41,28 +41,28 @@ export default {
         list: {
           main: [
             {
-              imgUrl: "https://ezhq.xyz/img/main/logo_sona.jpg",
+              imgUrl: "/hi.jpg",
               usedPercent: "10",
               money: "100",
               shareMan: "Alice",
               commision: "11"
             },
             {
-              imgUrl: "https://pbs.twimg.com/media/D01HBOkU0AMLWGU?format=jpg&name=medium",
+              imgUrl: "/hi.jpg",
               usedPercent: "20",
               money: "200",
               shareMan: "Bob",
               commision: "22"
             },
             {
-              imgUrl: "https://pbs.twimg.com/media/EMTspXRU0AIpV9e?format=jpg&name=medium",
+              imgUrl: "/hi.jpg",
               usedPercent: "30",
               money: "300",
               shareMan: "Clid",
               commision: "33"
             },
             {
-              imgUrl: "https://pbs.twimg.com/media/EMTqzHcVAAIQD6n?format=jpg&name=medium",
+              imgUrl: "/hi.jpg",
               usedPercent: "40",
               money: "400",
               shareMan: "Doke",