解决方案

liuqimichale
1 parent 1e0bb6b5
Showing 7 changed files with 111 additions and 1 deletions
src/components/commonHeaderFooter/VHeader.vue
src/router/index.js
src/views/case/index.vue
src/views/solution/components/solutionSelect0.vue
src/views/solution/components/solutionSelect1.vue
src/views/solution/components/solutionSelect2.vue
src/views/solution/index.vue
@@ -22,6 +22,7 @@ export default {
       routerData:[
         {name:'首页',pathLink:'/home'},
         {name:'关于我们',pathLink:'/about'},
+        {name:'解决方案',pathLink:'/solution'},
         {name:'产品中心',pathLink:'/product'},
         {name:'经典案例',pathLink:'/case'},
         {name:'新闻中心',pathLink:'/news'},
@@ -52,6 +52,11 @@ export default new Router({
       path: '/caseDetail/:caseId',
       name: 'caseDetail',
       component: () => import('@/views/caseDetail')
+    },
+    {
+      path: '/solution',
+      name: 'solution',
+      component: () => import('@/views/solution')
     }
 <template>
-    <div class="widthCommon" >
+    <div class="" >
       <commonBanner mainTitle="中兴智能交通" subTitle="构建绿色交通 享受安全便利出行"></commonBanner>
       <div class="tab-wrapper">
         <ul class="tab-main widthCommon">
+<template>
+    <div>0</div>
+</template>
+
+<script>
+export default {
+  name: 'solutionSelect0'
+}
+</script>
+
+<style scoped lang="scss">
+
+</style>
+<template>
+    <div>1</div>
+</template>
+
+<script>
+export default {
+  name: 'solutionSelect1'
+}
+</script>
+
+<style scoped lang="scss">
+
+</style>
+<template>
+    <div>2</div>
+</template>
+
+<script>
+export default {
+  name: 'solutionSelect2'
+}
+</script>
+
+<style scoped lang="scss">
+
+</style>
+<template>
+    <div>
+      <commonBanner mainTitle="中兴智能交通" subTitle="构建绿色交通 享受安全便利出行"></commonBanner>
+      <div class="tab-wrapper">
+        <ul class="tab-main widthCommon">
+          <li
+            v-for="(item, index) in tabData"
+            :key="item"
+            @click="changeTab(index,item)"
+            :class="{tabActive:currentIndex==index}"
+          >{{item}}</li>
+        </ul>
+      </div>
+
+      <div class="bread ">
+        <div class=" widthCommon">
+          您所在位置: <span class="pointer" @click="$router.push({name:'home'})">首页</span> -> 经典案例 -> {{name}}
+        </div>
+      </div>
+      <div class="widthCommon">
+        <keep-alive>
+          <component :is="tabView"></component>
+        </keep-alive>
+      </div>
+    </div>
+</template>
+
+<script>
+import commonBanner from '@/components/commonBanner'
+import solutionSelect0 from './components/solutionSelect0'
+import solutionSelect1 from './components/solutionSelect1'
+import solutionSelect2 from './components/solutionSelect2'
+
+export default {
+  name: 'index',
+  components:{
+    commonBanner, solutionSelect0, solutionSelect1, solutionSelect2
+  },
+  data(){
+    return{
+      tabData:[
+        '智慧停车','公安交通','公共交通'
+      ],
+      currentIndex:0,
+      tabView:'solutionSelect0',
+      name:'智慧停车'
+    }
+  },
+  methods:{
+    changeTab:function (index,item) {
+      console.log(index)
+      this.currentIndex = index
+      this.tabView = 'solutionSelect'+index
+      this.name = item
+    },
+    pagePhotoChange:function (pInfo) {
+      console.log(pInfo)
+    },
+  }
+}
+</script>
+
+<style scoped lang="scss">
+
+</style>