删除无用文件（前）

src/router/index.js

@@ -26,7 +26,51 @@ export const constantRoutes = [
   {
     path: '',
     component: resolve => require(['@/views/index'], resolve),
-    name: 'index'
+    name: 'index',
+    children: [
+      {
+        path: 'index33',
+        component: resolve => require(['@/views/index33'], resolve),
+        name: 'index33',
+        meta: { title: '客户管理' }
+      },
+      {
+        path: 'index4',
+        component: resolve => require(['@/views/index4'], resolve),
+        name: 'index4',
+        meta: { title: '客户管理' }
+      },
+      {
+        path: 'index5',
+        component: resolve => require(['@/views/index5'], resolve),
+        name: 'index5',
+        meta: { title: '客户管理' }
+      },
+      {
+        path: 'index6',
+        component: resolve => require(['@/views/index6'], resolve),
+        name: 'index6',
+        meta: { title: '客户管理' }
+      },
+      {
+        path: 'index7',
+        component: resolve => require(['@/views/index7'], resolve),
+        name: 'index7',
+        meta: { title: '客户管理' }
+      },
+      {
+        path: 'index8',
+        component: resolve => require(['@/views/index8'], resolve),
+        name: 'index8',
+        meta: { title: '客户管理' }
+      },
+      {
+        path: 'index9',
+        component: resolve => require(['@/views/index9'], resolve),
+        name: 'index9',
+        meta: { title: '客户管理' }
+      }
+    ]
   },
   {
     path: '/login',

src/views/index.vue

@@ -1,9 +1,8 @@
 <template>
   <div class="index_page">
-    <el-container>
+    <!-- <div class="img_box">
-      <div class="img_box">
         <img src="@/assets/image/toubu.png" alt="" />
-      </div>
+      </div> -->
     <!-- 整体宽度 -->
     <div class="content">
       <!-- 头部 -->
@@ -13,13 +12,37 @@
           <i class="mark">|</i>
           <el-button type="text" @click="aaa">注册</el-button>
         </div>
+        <div class="img2_box">
+          <img src="@/assets/image/02.png" alt="" />
+          <div class="search">
+            <el-input v-model="input" placeholder="请输入搜索关键字"></el-input>
+            <el-button type="warning">一站搜</el-button>
           </div>
         </div>
-      <!-- <el-footer>
+      </div>
-        <el-button >登录</el-button>
+    </div>
-        <el-button v-for="item in 30" :key="item">注册</el-button>
+    <!-- ul li 列表 -->
-      </el-footer> -->
+    <div class="uls">
-    </el-container>
+      <div class="lis content">
+        <ul>
+          <li
+            :class="path == item.path ? 'is-active' : ''"
+            v-for="item in lisList"
+            :key="item.path"
+            @click="abc(item.path)"
+          >
+            {{ item.name }}
+            <!-- <router-link :to="item.path">
+              {{ item.name }}
+            </router-link> -->
+          </li>
+        </ul>
+      </div>
+    </div>
+    <!-- 路由站位 -->
+    <div class="content">
+      <router-view></router-view>
+    </div>
   </div>
 </template>
 
@@ -27,11 +50,48 @@
 export default {
   name: 'home',
   data() {
-    return {};
+    return {
+      input: '',
+      lisList: [
+        {
+          path: '/index33',
+          name: '首页'
+        },
+        {
+          path: '/index4',
+          name: '通知公告'
+        },
+        {
+          path: '/index5',
+          name: '企业需求'
+        },
+        {
+          path: '/index6',
+          name: '科技成果'
+        },
+        {
+          path: '/index7',
+          name: '高企申报'
+        },
+        {
+          path: '/index8',
+          name: '资质申报'
+        },
+        {
+          path: '/index9',
+          name: '智能评估'
+        }
+      ],
+      path: this.$route.path == '/' ? '/index33' : this.$route.path
+    };
   },
   methods: {
     aaa() {
       this.$router.push({ path: '/login' });
+    },
+    abc(path) {
+      this.path = path;
+      this.$router.push({ path });
     }
   }
 };
@@ -39,22 +99,22 @@ export default {
 
 <style lang="scss" scoped>
 .index_page {
-  padding-top: 200px;
+  // padding-top: 200px;
-  .img_box {
+  // .img_box {
-    width: 100%;
+  //   width: 100%;
-    height: 750px;
+  //   height: 750px;
-    position: absolute;
+  //   position: absolute;
-    top: 0;
+  //   top: 0;
-    left: 0;
+  //   left: 0;
-    z-index: -1;
+  //   z-index: -1;
-  }
+  // }
 
   .header {
     height: 206px;
+    padding: 0 100px;
     background-image: url(../assets/image/01.png);
     .login {
       text-align: right;
-      padding-right: 100px;
       .el-button {
         font-size: 16px;
         color: #4097e7;
@@ -65,6 +125,119 @@ export default {
         margin: 0 14px;
       }
     }
+    .img2_box {
+      display: flex;
+      justify-content: space-between;
+      height: 63px;
+      margin-top: 75px;
+      img {
+        width: 392px;
+        height: 100%;
+      }
+      /deep/.el-input--medium .el-input__inner {
+        height: 40px;
+        line-height: 40px;
+        border-radius: 0;
+        border: 1px solid #ffa32c;
+      }
+      .search {
+        display: flex;
+        height: 40px;
+        .el-button {
+          border-radius: 0;
+          background-color: #ffa32c;
+          font-size: 18px;
+        }
+      }
+    }
+  }
+  .uls {
+    background-color: #ffa32c;
+    height: 48px;
+    line-height: 48px;
+    .lis {
+      ul {
+        margin: 0;
+        list-style: none;
+        padding-left: 0;
+        li {
+          float: left;
+          padding: 0 50px;
+          cursor: pointer;
+          color: #fff;
+          font-size: 24px;
+        }
+        li:hover {
+          background-color: #3394ff;
+        }
+        .is-active {
+          position: relative;
+          background-color: #3394ff;
+        }
+        .is-active::after {
+          content: '';
+          display: block;
+          width: 0;
+          height: 0;
+          border-top: 7px solid transparent;
+          border-bottom: 7px solid #fff;
+          border-left: 7px solid transparent;
+          border-right: 7px solid transparent;
+          position: absolute;
+          bottom: -1px;
+          left: 50%;
+          transform: translateX(-50%);
+        }
+      }
+    }
+  }
+
+  .el-tabs--border-card {
+    border: 0;
+  }
+  /deep/.el-tabs--border-card > .el-tabs__header {
+    background-color: #ffa32c;
+    border-bottom: 0;
+  }
+  /deep/.el-tabs__item {
+    color: #fff;
+    font-size: 22px;
+  }
+  /deep/.el-tabs--border-card > .el-tabs__header .el-tabs__item.is-active {
+    position: relative;
+    color: #fff;
+    background-color: #3394ff;
+    border-right-color: #3394ff;
+    border-left-color: #3394ff;
+  }
+  /deep/.el-tabs--border-card
+    > .el-tabs__header
+    .el-tabs__item.is-active::after {
+    content: '';
+    display: block;
+    width: 0;
+    height: 0;
+    border-top: 5px solid transparent;
+    border-bottom: 5px solid #fff;
+    border-left: 5px solid transparent;
+    border-right: 5px solid transparent;
+    position: absolute;
+    bottom: -1px;
+    left: 50%;
+    transform: translateX(-50%);
+  }
+  /deep/.el-tabs--border-card
+    > .el-tabs__header
+    .el-tabs__item:not(.is-disabled):hover {
+    color: #fff;
+    background-color: #3394ff;
+  }
+  /deep/.el-tabs__item {
+    padding-left: 30px !important;
+    padding-right: 30px;
+  }
+  /deep/.el-tabs__nav-scroll {
+    padding: 0 100px;
   }
 }
 

src/views/index33.vue

@@ -0,0 +1,5 @@
+<template>
+  <div>
+    index33
+  </div>
+</template>

src/views/index4.vue

@@ -0,0 +1,5 @@
+<template>
+  <div>
+    index4
+  </div>
+</template>

src/views/index5.vue

@@ -0,0 +1,5 @@
+<template>
+  <div>
+    index5
+  </div>
+</template>

src/views/index6.vue

@@ -0,0 +1,5 @@
+<template>
+  <div>
+    index6.vue
+  </div>
+</template>

src/views/index7.vue

@@ -0,0 +1,5 @@
+<template>
+  <div>
+    index7.vue
+  </div>
+</template>

src/views/index8.vue

@@ -0,0 +1,5 @@
+<template>
+  <div>
+    index8.vue
+  </div>
+</template>

src/views/index9.vue

@@ -0,0 +1,5 @@
+<template>
+  <div>
+    index9.vue
+  </div>
+</template>