111

src/components/navBar/NavBar.vue

@@ -53,10 +53,14 @@ export default {
   methods: {
 	  navClick(url,index) {
 		  let currentUrl = this.$route.path
+		  console.log(url)
+		  console.log(currentUrl,"now")
 		  if(currentUrl === url) {
 			  return 
 		  }else {
+			  console.log("1")
 			 this.currentIndex = index
+			 console.log(this.currentIndex)
 			 this.$router.push(url) 
 		  }
 		  

src/router.js

@@ -40,6 +40,22 @@ export default new Router({
 	    title: '关于我们'
 	  }
 	},
+	{
+	  path: '/product',
+	  name: 'product',
+	  component: () => import('./views/Product.vue'),
+	  meta: {
+	    title: '产品介绍'
+	  }
+	},
+	{
+	  path: '/concat',
+	  name: 'concat',
+	  component: () => import('./views/Concat.vue'),
+	  meta: {
+	    title: '联系我们'
+	  }
+	},
 	
 	{
 		path: '*',

src/views/About.vue

@@ -1,7 +1,25 @@
 <template>
+	<div class="about">
+		<left-nav :navList="navList">
+			<div id="" v-html="content">
+				
+			</div>
+		</left-nav>
+	</div>
 </template>
 
 <script>
+import LeftNav from '../components/leftNav/LeftNav.vue';
+export default {
+	components: {
+		LeftNav,
+	},
+	data(){
+		return {
+			navList:[{index:0,name:'公司介绍',path:'/about'},{index:1,name:'产品介绍',path:'/product'},{index:2,name:'联系我们',path:'/concat'}]
+		}
+	}
+}
 </script>
 
 <style>

src/views/Concat.vue

@@ -0,0 +1,8 @@
+<template>
+</template>
+
+<script>
+</script>
+
+<style>
+</style>

src/views/Product.vue

@@ -0,0 +1,8 @@
+<template>
+</template>
+
+<script>
+</script>
+
+<style>
+</style>