update

TEAMModelOS.SmartTeach/ClientApp/components/resource/list.vue

@@ -1,5 +1,5 @@
 <template>
-  <div class="list_box">
+  <div :class="bannerimg">
     <ul class="list_header">
       <li class="list_data"><Icon type="ios-menu-outline" size="30" style="color:#fff;margin-bottom:10px;" /><span class="list_header_title">学科资源</span></li>
       <li class="moreover_data_one">
@@ -54,6 +54,7 @@
   export default {
     data() {
       return {
+        bannerimg: '',
         xs:false,
         xiaoxue: [
           { "id": 1, "title": '语文', "data": [{ "id": 2, "pid": 1, "title": '同步资源', "url": '/synch' }, { "id": 3, "pid": 1, "title": '卷库', "url":'/library' },] },
@@ -106,8 +107,20 @@
         ],
       }
     },
+    created() {
+      this.init_url();
+    },
     methods: {
-
+      init_url() {
+        console.log(this.$route.path,6666)
+        if (this.$route.path == '/arearesource') {
+          this.bannerimg = 'list_box_area'
+        } else if (this.$route.path == '/resource') {
+          this.bannerimg = 'list_box'
+        } else if (this.$route.path == '/schoolresource') {
+          this.bannerimg = 'list_box_school'
+        }
+      }
     }
   }
 </script>
@@ -119,12 +132,26 @@
     height:396px;
     position:relative;
   }
+  .list_box_area {
+    width: 100%;
+    background: url("../../assets/image/resource/banner_area.png") no-repeat;
+    background-size: 100% 100%;
+    height: 396px;
+    position: relative;
+  }
+  .list_box_school {
+    width: 100%;
+    background: url("../../assets/image/resource/banner_school.png") no-repeat;
+    background-size: 100% 100%;
+    height: 396px;
+    position: relative;
+  }
   .list_header {
-    width:11%;
-    position:absolute;
-    left:352px;
-    height:400px;
-    text-align:center;
+    width: 11%;
+    position: absolute;
+    left: 352px;
+    height: 400px;
+    text-align: center;
   }
   .list_data {
     width: 100%;

TEAMModelOS.SmartTeach/ClientApp/router/routes.js

@@ -2,6 +2,8 @@
 //import ServerSideLogin from '@/view/serverside/login'
 // import HTTP404 from '@/view/404'
 import Index from '@/view/resource/index'
+import Indexarea from '@/view/resource/indexarea.vue'
+import Indexschool from '@/view/resource/indexschool.vue'
 import Synch from '@/view/resource/resourceindex/synchronization.vue'
 import Library from '@/view/resource/resourceindex/library.vue'
 import Details from '@/view/resource/resourceindex/details.vue'
@@ -20,6 +22,8 @@ import { resolve } from 'url';
 
 export const routes = [
   { name: 'index', path: '/resource', component: Index },
+  { name: 'indexarea', path: '/arearesource', component: Indexarea },
+  { name: 'Indexschool', path: '/schoolresource', component: Indexschool },
   { name: 'synch', path: '/synch', component: Synch },
   { name: 'library', path: '/library', component: Library },
   { name: 'details', path: '/details', component: Details },

TEAMModelOS.SmartTeach/ClientApp/view/resource/indexarea.vue

@@ -0,0 +1,44 @@
+<template>
+  <div id="app">
+    <Header></Header>
+    <Banner></Banner>
+    <Exam></Exam>
+    <Video></Video>
+    <Recommend></Recommend>
+    <Footer></Footer>
+  </div>
+</template>
+<script>
+  import Header from '@/common/headers.vue'
+  import Footer from '@/common/footer.vue'
+  import Banner from '@/components/resource/list.vue'
+  import Exam from '@/components/resource/exam.vue'
+  import Video from '@/components/resource/video.vue'
+  import Recommend from '@/components/resource/recommend.vue'
+  export default {
+    components: {
+      Header,
+      Banner,
+      Exam,
+      Video,
+      Recommend,
+      Footer
+    },
+    data() {
+      return {
+       
+      }
+    },
+      mounted() {
+       
+      }
+    }
+</script>
+<style scoped>
+  #app {
+    width: 100%;
+    height: auto;
+    background-color: #fff;
+    margin: 0 auto;
+  }
+</style>

TEAMModelOS.SmartTeach/ClientApp/view/resource/indexschool.vue

@@ -0,0 +1,46 @@
+<template>
+  <div id="app">
+    <Header></Header>
+    <Banner></Banner>
+    <Exam></Exam>
+    <Video></Video>
+    <Recommend></Recommend>
+    <Footer></Footer>
+  </div>
+</template>
+<script>
+  import Header from '@/common/headers.vue'
+  import Footer from '@/common/footer.vue'
+  import Banner from '@/components/resource/list.vue'
+  import Exam from '@/components/resource/exam.vue'
+  import Video from '@/components/resource/video.vue'
+  import Recommend from '@/components/resource/recommend.vue'
+  export default {
+    components: {
+      Header,
+      Banner,
+      Exam,
+      Video,
+      Recommend,
+      Footer
+    },
+    data() {
+      return {
+        bannerimg:'',
+      }
+    },
+      mounted() {
+        if (this.$route.path == 'arearesource') {
+
+        }
+      }
+    }
+</script>
+<style scoped>
+  #app {
+    width: 100%;
+    height: auto;
+    background-color: #fff;
+    margin: 0 auto;
+  }
+</style>