home

src/App.vue

@@ -26,6 +26,17 @@ body {
   height: 100%;
 }
 #app {
-  height: 100%;
+  font-family: Avenir, Helvetica, Arial, sans-serif;
+  -webkit-font-smoothing: antialiased;
+  -moz-osx-font-smoothing: grayscale;
+  text-align: center;
+  color: #2c3e50;
+  background: url("./assets/img/bg.png") no-repeat;
+  background-size: 100% 100%;
+  background-position: center;
+  background-attachment: fixed;
+  width: 100vw;
+  height: 100vh;
+  overflow: hidden;
 }
 </style>

src/pages/methaneUpgrade/index.vue

 <template>
   <!-- 农村沼气转型升级 -->
   <div class="contain">
+    asdfasdf
     <div class="header">
-      <img src="../../assets/img/logo.png" alt />
-      <h3>农村沼气转型升级</h3>
       <div class="time-info">
         <el-date-picker
           ref="datePicker"

src/router/index.js

@@ -6,7 +6,7 @@ Vue.use(VueRouter);
 
 const routes = [
   {
-    path: "/home",
+    path: "/",
     name: "Home",
     component: Home,
     children: [

src/views/Home.vue

@@ -2,31 +2,31 @@
   <div class="body">
     <div class="contain">
       <div class="header">
-        <div class>
+        <div class="header-left">
           <img src="../assets/img/logo.png" alt />
           <h3>农村农业生态建设</h3>
         </div>
         <div class="menu">
-          <div class="a-menu" @click="$router.push('/home/methane_upgrade')">
-            11111
+          <div class="a-menu" @click="$router.push('/methane_upgrade')">
+            沼气
           </div>
           <div
             class="a-menu"
-            @click="$router.push('/home/biomass_energy_warm')"
+            @click="$router.push('/biomass_energy_warm')"
           >
-            22222
+            生物
           </div>
           <div
             class="a-menu"
-            @click="$router.push('/home/biogas_manure_eco_agriculture')"
+            @click="$router.push('/biogas_manure_eco_agriculture')"
           >
-            33333
+            沼肥
           </div>
           <div
             class="a-menu"
-            @click="$router.push('/home/renewable_energy_village')"
+            @click="$router.push('/renewable_energy_village')"
           >
-            444444
+            示范村
           </div>
         </div>
       </div>
@@ -34,7 +34,7 @@
     <div class="content-cont">
       <div style="width: 100%; height: 100%">
         <!-- <keep-alive> -->
-        <!-- <router-view /> -->
+        <router-view />
         <!-- </keep-alive> -->
       </div>
     </div>
@@ -81,17 +81,36 @@ export default {
       justify-content: space-between;
       align-items: center;
       z-index: 500;
-      img {
-        height: 6vh;
-        margin-right: 1vh;
+      .header-left {
+        display: flex;
+        align-items: center;
+        img {
+          height: 6vh;
+          margin-right: 1vh;
+        }
+        h3 {
+          font-size: 4.7vh;
+          line-height: 10vh;
+          font-weight: 700;
+          letter-spacing: 0.1vh;
+          color: @main-color;
+          font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
+        }
       }
-      h3 {
-        font-size: 4.7vh;
-        line-height: 10vh;
-        font-weight: 700;
-        letter-spacing: 0.1vh;
-        color: @main-color;
-        font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
+      .menu {
+        display: flex;
+        align-items: center;
+        margin-right: 40px;
+        .a-menu {
+          width:50px ;
+          height:50px ;
+          background-color: @main-color;
+          margin-right: 20px;
+          border-radius: 50%;
+          line-height: 50px;
+          text-align: center;
+          color: aliceblue;
+        }
       }
     }
   }