src/components/Carousel.vue

@@ -1,46 +0,0 @@
-<template>
-  <el-row>
-    <el-col :xs="24" :sm="24" :md="24" :lg="24" :xl="24">
-      <div class="slideshow">
-        <el-carousel trigger="click" height="745px">
-          <el-carousel-item v-for="(item,index) in bannerDate" :key="index">
-            <div>
-              <img :src="item.imgurl" alt="">
-            </div>
-          </el-carousel-item>
-        </el-carousel>
-      </div>
-    </el-col>
-  </el-row>
-</template>
-
-<script>
-export default {
-  name: "Carousel",
-  data() {
-    return {
-      bannerDate: [
-        {
-          imgurl: require('@/assets/banner/banner1.jpg')
-        }, {
-          imgurl: require('@/assets/banner/banner2.jpg')
-        },
-        {
-          imgurl: require('@/assets/banner/banner3.jpg')
-        }
-      ]
-    }
-  }
-}
-</script>
-
-<style scoped>
-.slideshow {
-  width: 100%;
-}
-
-img {
-  width: 100%;
-
-}
-</style>

src/components/FastFindProducts.vue

@@ -1,41 +0,0 @@
-<template>
-  <div>
-    <el-row type="flex" style="height: 122px">
-      <el-col :span="4">
-      </el-col>
-      <el-col :span="16">
-        <div class="fast_left">
-          <p>
-            快速查找产品
-          </p>
-          <p>
-            可以快速地找到合适你的产品
-          </p>
-        </div>
-      </el-col>
-    </el-row>
-  </div>
-</template>
-
-<script>
-export default {
-  name: "FastFindProducts"
-}
-</script>
-
-<style scoped lang="scss">
-.fast_left{
-  margin-top: 24px;
-  float: left;
-  p:first-child{
-    color: #333;
-    font-size: 24px;
-    line-height: 43px;
-  }
-  p:last-child{
-    color: #666;
-    font-size: 14px;
-    line-height: 25px;
-  }
-}
-</style>

src/router/index.js

@@ -21,7 +21,7 @@ const routes = [
   },
   {
     path: '/news',
-    name: 'news',
+    name: 'index',
     component: () => import('../views/news/index')
   },
 ]

src/views/header/index.vue

@@ -50,7 +50,7 @@ export default {
     return {
       navList: [
         {
-          href: '/',
+          href: '',
           title: '网站首页',
         },
         {
@@ -107,11 +107,11 @@ export default {
             }
           ]
         }, {
-          href: '/news',
+          href: '',
           title: '新闻资讯',
           children:[
             {
-              href: '/news',
+              href: '',
               title:'公司新闻'
             },
             {
@@ -159,6 +159,7 @@ export default {
 </script>
 
 <style scoped lang="scss">
+
 .header_bg {
   height: 130px;
   width: 100%;
@@ -232,10 +233,6 @@ export default {
 
           .subNav{
             display: none;
-            clear: both;
-            position: absolute;
-            top: 85px;
-            left: 0;
             width: 100px;
             background-color: #000;
             padding: 12px 0;

src/views/index/index.vue

@@ -1,17 +1,12 @@
 <template>
   <div>
-    <Carousel/>
+
-    <FastFindProducts/>
   </div>
 </template>
 
 <script>
-import Carousel from "@/components/Carousel";
-import FastFindProducts from "@/components/FastFindProducts";
-
 export default {
-  name: "index",
+  name: "index"
-  components: {FastFindProducts, Carousel}
 }
 </script>