首页优化

.nuxt/App.js

 import Vue from 'vue'
 import NuxtLoading from '~/components/loading.vue'
 
+import '..\\assets\\index.css'
+
+import '..\\assets\\menu.css'
+
+import '..\\assets\\main.css'
+
+import '..\\assets\\font\\iconfont.css'
+
 
 let layouts = {
 

assets/menu.css

@@ -114,15 +114,18 @@
   font-family: sans-serif;
   position: fixed;
   top: 50px;
+  left: 50%;
   display: flex;
   align-items: center;
   width: 1120px;
   margin: 0 auto;
+  margin-left: -560px;
 }
 .menu-new {
   font-family: sans-serif;
   position: fixed;
   top: 120px;
+  left: 0;
   display: flex;
   align-items: center;
   width: 100%;

components/menu.vue

@@ -137,7 +137,17 @@
           <li>
             <nuxt-link to="/aboutXx" :class="router== '/aboutXx'?'active':''">欣新介绍</nuxt-link>
           </li>
-          <li style="position: relative" class="select">
+
+           <li>
+            <nuxt-link to="/vehicle?types=" :class="router== '/vehicle'?'active':''">房车租赁</nuxt-link>
+          </li>
+           <li>
+            <nuxt-link to="/tour?tagIds=" :class="router== '/tour'?'active':''">房车旅游</nuxt-link>
+          </li>
+           <li>
+            <nuxt-link to="/campsite?types=" :class="router== '/campsite'?'active':''">房车营地</nuxt-link>
+          </li>
+          <!-- <li style="position: relative" class="select">
             <nuxt-link
               to="/vehicle"
               :class="router== '/vehicle' || router== '/tour'  || router== '/campsite'?'active':''"
@@ -156,7 +166,7 @@
                 <nuxt-link to="/campsite?types=">房车营地</nuxt-link>
               </li>
             </ul>
-          </li>
+          </li> -->
           <!-- <li>
             <nuxt-link to="/" :class="router== '/aboutXx'?'active':''">招商加盟</nuxt-link>
           </!-->

nuxt.config.js

@@ -25,7 +25,7 @@ module.exports = {
           { src: 'https://dev.dfangche.com/h5/appHtml/js/util.js' },
         ],
     },
-    // css: ['~/assets/index.css','~/assets/menu.css','~/assets/main.css','~/assets/font/iconfont.css'],
+    css: ['~/assets/index.css','~/assets/menu.css','~/assets/main.css','~/assets/font/iconfont.css'],
 
     loading: '~/components/loading.vue',