修改创新社区

src/components/FooterPage/FooterPage.vue

@@ -15,7 +15,7 @@
         <div class="box flex-1 d-flex flex-column" style="padding-left: 13%">
           <div class="title">发现</div>
           <span @click="$router.push('/Challenge/Solicitation')" class="pointer">政策资讯</span>
-          <span @click="$router.push('/NewPlatform/NewCore')" class="pointer">创新社区</span>
+          <span @click="$router.push('/NewPlatform/Index')" class="pointer">创新社区</span>
           <span @click="$router.push('/IncubationPlatform/MakerSpace')" class="pointer">创业社区</span>
           <span @click="$router.push('/Industry/Union')" class="pointer">产业社区</span>
           <span @click="$router.push('/Community')" class="pointer">交流社区</span>

src/components/HeadNav/HeadNav.vue

@@ -22,12 +22,12 @@
     </div>
     <div class="d-flex flex-nowrap align-center">
       <a-icon class="icon-head pointer icon-head-right" type="search" />
-      <a-tooltip placement="bottom">
+      <!-- <a-tooltip placement="bottom">
         <template slot="title">
           <span>点击查看购物车！</span>
         </template>
         <a-icon @click="$router.push('/Cart')" class="baseColor icon-head icon-head-right pointer" type="shopping-cart" />
-      </a-tooltip>
+      </a-tooltip> -->
       <router-link tag="span" to="/login" v-if="!nickName">
         <a-icon class="icon-head pointer" style="right: 50px" type="user" />
       </router-link>
@@ -48,21 +48,21 @@ export default {
           name: '关于我们',
           url: '/About/Index',
           children: [
-            {
-              title: '公司介绍',
-              url: '/About/Introduce',
-            },
             // {
-            //   title: '组织机构',
+            //   title: '公司介绍',
-            //   url: '/About/Organ',
+            //   url: '/About/Introduce',
             // },
+            {
+              title: '组织机构',
+              url: '/About/Index#organize',
+            },
             {
               title: '合作伙伴',
-              url: '/About/Partner',
+              url: '/About/Index#partner',
             },
             {
               title: '加入我们',
-              url: '/About/SpinOffs',
+              url: '/About/Index#contact',
             },
           ],
         },
@@ -76,20 +76,20 @@ export default {
           url: '/NewPlatform/Index',
           children: [
             {
-              title: '协同创新中心',
+              title: '研究院',
-              url: '/NewPlatform/NewCore',
+              url: '/NewPlatform/Index#mao1',
             },
             {
               title: '创新资源平台',
-              url: '/NewPlatform/News',
+              url: '/NewPlatform/Index#mao2',
             },
             {
               title: '创新服务',
-              url: '/NewPlatform/NewService',
+              url: '/NewPlatform/Index#mao3',
             },
             {
-              title: '交流社区',
+              title: '合作伙伴',
-              url: '/NewPlatform/Community',
+              url: '/NewPlatform/Index#mao4',
             },
           ],
         },
@@ -99,19 +99,19 @@ export default {
           children: [
             {
               title: '众创空间',
-              url: '/IncubationPlatform/MakerSpace',
+              url: '/IncubationPlatform/Index#mao1',
             },
             {
               title: '创业服务',
-              url: '/IncubationPlatform/Services',
+              url: '/IncubationPlatform/Index#mao3',
             },
             // {
             //   title: '产品展示',
             //   url: '/IncubationPlatform/Products',
             // },
             {
-              title: '交流社区',
+              title: '合作伙伴',
-              url: '/IncubationPlatform/Community',
+              url: '/IncubationPlatform/Index#mao4',
             },
           ],
         },
@@ -121,24 +121,24 @@ export default {
           children: [
             {
               title: '产业创新联盟',
-              url: '/Industry/Union',
+              url: '/Industry/Index#mao1',
             },
             {
               title: '产业服务',
-              url: '/Industry/Serve',
+              url: '/Industry/Index#mao3',
-            },
-            {
-              title: '产品展示',
-              url: '/Industry/Products',
-            },
-            {
-              title: '交流社区',
-              url: '/Industry/Community',
             },
+            // {
+            //   title: '产品展示',
+            //   url: '/Industry/Products',
+            // },
             {
-              title: '衍生企业',
+              title: '合作伙伴',
-              url: '/Industry/Enterprise',
+              url: '/Industry/Index#mao4',
             },
+            // {
+            //   title: '衍生企业',
+            //   url: '/Industry/Enterprise',
+            // },
           ],
         },
         {
@@ -222,7 +222,6 @@ export default {
 
   methods: {
     jumUrl(url, index) {
-      console.log('--------', url, index);
       if (this.$route.path !== url) {
         this.$router.push(url);
       }

src/views/About/Children/Index.vue

@@ -7,7 +7,7 @@
       <div :class="activeNum === 3 ? 'nav-box-active' : ''" @click="jump(3)"><a href="#contact">加入我们</a></div>
     </div>
 
-    <a name="about">
+    <a name="about" id="about">
       <div class="banner-box">
         <a-carousel :autoplay-speed="time" autoplay>
           <div class="img-box">
@@ -33,7 +33,7 @@
     </a>
 
     <!-- 组织架构 -->
-    <a name="organize">
+    <a name="organize" id="organize">
       <div class="organize-box bg-gray text-center">
         <div class="title w-1400"><img src="~assets/about/title1.jpg" /></div>
         <div class="w-1400"><img src="~assets/about/organize.jpg" /></div>
@@ -41,7 +41,7 @@
     </a>
 
     <!-- 合作伙伴 -->
-    <a name="partner">
+    <a name="partner" id="partner">
       <div class="partner-box text-center">
         <div class="title w-1400"><img src="~assets/about/title2.jpg" /></div>
         <div class="w-1400">
@@ -60,7 +60,7 @@
     </a>
 
     <!-- 加入我们 -->
-    <a name="contact">
+    <a name="contact" id="contact">
       <div class="contact-box bg-gray text-center">
         <div class="title w-1400">
           <img src="~assets/about/title3.jpg" />
@@ -93,6 +93,14 @@ export default {
     };
   },
 
+  watch:{
+    $route(to){
+      if(to.hash){
+        this.setJump(to.hash)
+      }
+    }
+  },
+
   computed: mapState('home', ['partners']),
 
   async created() {
@@ -129,6 +137,14 @@ export default {
     }
   },
 
+  mounted() {
+    this.$nextTick(() => {
+      if(this.$route.hash){
+        this.setJump(this.$route.hash)
+      }
+    })
+  },
+
   methods: {
     ...mapMutations('home', ['setPartners']),
     ...mapActions('home', ['getFrontSearchCompany']),
@@ -136,6 +152,27 @@ export default {
     jump(i) {
       this.activeNum = i;
     },
+
+    setJump(hash){
+      if(hash === '#organize'){
+        this.$nextTick(() => {
+          this.jump(1)
+          document.getElementById('organize').scrollIntoView(true)
+        })
+      }
+      if(hash === '#partner'){
+        this.$nextTick(() => {
+          this.jump(2)
+          document.getElementById('partner').scrollIntoView(true)
+        })
+      }
+      if(hash === '#contact'){
+        this.$nextTick(() => {
+          this.jump(3)
+          document.getElementById('contact').scrollIntoView(true)
+        })
+      }
+    }
   },
 };
 </script>
@@ -146,8 +183,9 @@ export default {
 }
 
 .w-1400 {
-  display: inline-block;
+  // display: inline-block;
-  width: 1400px;
+  // width: 1400px;
+  width: 82%;
   margin: 0 auto;
 }
 

src/views/FirstPages/FirstPage.vue

@@ -113,7 +113,7 @@ export default {
       platforms: [
         {
           id: '04',
-          path: '/NewPlatform/NewCore',
+          path: '/NewPlatform/Index',
           url: require('./img/creation.png'),
           description: 'COLLABORATIVE ININOVATION',
           descriptionOne: '依托新型研发机构和技术创新中心',

src/views/IncubationPlatform/Children/Index.vue

@@ -6,7 +6,7 @@
       <div :class="activeNum === 3 ? 'nav-box-active' : ''" @click="changeIndex(3)"><a href="#mao4">合作伙伴</a></div>
     </div>
 
-    <a name="mao1">
+    <a name="mao1" id="mao1">
       <div class="banner-box">
         <a-carousel :autoplay-speed="time" autoplay>
           <div class="img-box">
@@ -63,9 +63,9 @@
     </div>
 
     <!-- 创新服务 -->
-    <a name="mao3">
+    <a name="mao3" id="mao3">
       <div class="service-box bg-gray text-center">
-        <div class="title w-1500"><img src="~assets/about/title4.jpg" /></div>
+        <div class="title w-1500"><img src="~assets/about/title4.png" /></div>
         <div class="service-flow">
           <div class="flow-path" style="padding: 15px 9%">
             <div class="flow-title" style="top: 30%">服务流程</div>
@@ -110,7 +110,7 @@
       </div>
     </a>
 
-    <a name="mao4">
+    <a name="mao4" id="mao4">
       <div class="partner-box text-center">
         <div class="title w-1500">
           <img src="~assets/about/title2.jpg" />
@@ -140,7 +140,7 @@
       </div>
     </a>
 
-    <div class="bg-gray" style="height: 200px"></div>
+    <div class="bg-gray" style="height: 100px"></div>
 
     <a-modal :footer="null" v-model="showModelIntro">
       <p class="mt-3">{{ modelIntro }}</p>
@@ -275,6 +275,14 @@ export default {
     };
   },
 
+  watch:{
+    $route(to){
+      if(to.hash){
+        this.setJump(to.hash)
+      }
+    }
+  },
+
   computed: {
     ...mapState('home', ['partners']),
     ...mapState('user', ['picCode']),
@@ -325,12 +333,41 @@ export default {
     });
   },
 
+  mounted() {
+    this.$nextTick(() => {
+      if(this.$route.hash){
+        this.setJump(this.$route.hash)
+      }
+    })
+  },
+
   methods: {
     // ...mapMutations('home', ['setServiceArr']),
     ...mapMutations('home', ['setPartners']),
     ...mapActions('user', ['sendCode', 'sendPicCode']),
     ...mapActions('home', ['getFrontSearchCompany', 'getUserSer']),
 
+    setJump(hash){
+      if(hash === '#mao1'){
+        this.$nextTick(() => {
+          this.changeIndex(0)
+          document.getElementById('mao1').scrollIntoView(true)
+        })
+      }
+      if(hash === '#mao3'){
+        this.$nextTick(() => {
+          this.changeIndex(2)
+          document.getElementById('mao3').scrollIntoView(true)
+        })
+      }
+      if(hash === '#mao4'){
+        this.$nextTick(() => {
+          this.changeIndex(3)
+          document.getElementById('mao4').scrollIntoView(true)
+        })
+      }
+    },
+
     // 改变单当前页数
     onShowSizeChange(current, size) {
       this.current = current;
@@ -513,8 +550,9 @@ a {
 }
 
 .w-1500 {
-  display: inline-block;
+  // display: inline-block;
-  width: 1500px;
+  // width: 1500px;
+  width: 82%;
   margin: 0 auto;
 }
 
@@ -586,8 +624,8 @@ a {
     justify-content: space-between;
 
     > div {
-      padding: 80px 60px 0;
+      padding: 50px 60px 0;
-      width: 700px;
+      width: 45%;
       height: 400px;
       background-color: rgba(19, 172, 196, 0.8);
       text-align: left;

src/views/Industry/Children/Index.vue

@@ -6,7 +6,7 @@
       <div :class="activeNum === 3 ? 'nav-box-active' : ''" @click="changeIndex(3)"><a href="#mao4">合作伙伴</a></div>
     </div>
 
-    <a name="mao1">
+    <a name="mao1" id="mao1">
       <div class="banner-box">
         <a-carousel :autoplay-speed="time" autoplay>
           <div class="img-box">
@@ -32,7 +32,7 @@
     </a>
 
     <!-- 产业服务 -->
-    <a name="mao3">
+    <a name="mao3" id="mao3">
       <div class="service-box bg-gray text-center">
         <div class="title w-1500"><img src="~assets/about/title5.jpg" /></div>
         <div class="service-flow">
@@ -70,7 +70,7 @@
       </div>
     </a>
 
-    <a name="mao4">
+    <a name="mao4" id="mao4">
       <div class="partner-box text-center">
         <div class="title w-1500">
           <img src="~assets/about/title2.jpg" />
@@ -100,7 +100,7 @@
       </div>
     </a>
 
-    <div class="bg-gray" style="height: 200px"></div>
+    <div class="bg-gray" style="height: 100px"></div>
 
     <a-modal :footer="null" v-model="showModelIntro">
       <p class="mt-3">{{ modelIntro }}</p>
@@ -230,6 +230,14 @@ export default {
     ...mapState('user', ['picCode']),
   },
 
+  watch:{
+    $route(to){
+      if(to.hash){
+        this.setJump(to.hash)
+      }
+    }
+  },
+
   async created() {
     this.getService();
     this.sendPicCode();
@@ -276,6 +284,14 @@ export default {
     });
   },
 
+  mounted() {
+    this.$nextTick(() => {
+      if(this.$route.hash){
+        this.setJump(this.$route.hash)
+      }
+    })
+  },
+
   methods: {
     // ...mapMutations('home', ['setServiceArr']),
     ...mapMutations('home', ['setPartners']),
@@ -301,6 +317,27 @@ export default {
       }
     },
 
+    setJump(hash){
+      if(hash === '#mao1'){
+        this.$nextTick(() => {
+          this.changeIndex(0)
+          document.getElementById('mao1').scrollIntoView(true)
+        })
+      }
+      if(hash === '#mao3'){
+        this.$nextTick(() => {
+          this.changeIndex(2)
+          document.getElementById('mao3').scrollIntoView(true)
+        })
+      }
+      if(hash === '#mao4'){
+        this.$nextTick(() => {
+          this.changeIndex(3)
+          document.getElementById('mao4').scrollIntoView(true)
+        })
+      }
+    },
+
     jump(url) {
       this.$router.push(url);
     },
@@ -456,8 +493,9 @@ export default {
 }
 
 .w-1500 {
-  display: inline-block;
+  // display: inline-block;
-  width: 1500px;
+  // width: 1500px;
+  width: 82%;
   margin: 0 auto;
 }
 

src/views/NewPlatform/Children/AchDet.vue

@@ -67,8 +67,8 @@ export default {
     return {
       typeOfPlatform: '成果详情',
       arr: [
-        { name: '创新社区', url: '/NewPlatform/NewCore' },
+        { name: '创新社区', url: '/NewPlatform/Index' },
-        { name: '创新资源平台', url: '/NewPlatform/News' },
+        { name: '创新资源平台', url: '/NewPlatform/Index#mao2' },
         { name: '知识产权与技术转移转化服务平台', url: '/NewPlatform/Transfer' },
         { name: '成果详情', url: '' },
       ],

src/views/NewPlatform/Children/Community.vue

@@ -30,7 +30,7 @@ export default {
     return {
       typeOfPlatform: '创新社区',
       arr: [
-        { name: '创新社区', url: '/NewPlatform/NewCore' },
+        { name: '创新社区', url: '/NewPlatform/Index' },
         { name: '交流社区', url: '' },
       ],
       btnType: 'default',

src/views/NewPlatform/Children/Core.vue

@@ -84,7 +84,7 @@ export default {
       title1: '创新平台-组织机构',
       typeOfPlatform: '创新社区',
       arr: [
-        { name: '创新社区', url: '/NewPlatform/NewCore' },
+        { name: '创新社区', url: '/NewPlatform/Index' },
         { name: '协同创新中心', url: '' },
       ],
       showDiv: true,

src/views/NewPlatform/Children/Develop.vue

@@ -5,7 +5,24 @@
       <bread-crumb :arr="arr" />
     </div>
     <div>
-      <div class="search-background">
+      <div class="banner-box">
+        <a-carousel :autoplay-speed="time" autoplay>
+          <div class="img-box">
+            <img src="~assets/banner/banner4.png" />
+          </div>
+        </a-carousel>
+
+        <!-- 文字内容 -->
+        <div class="banner-con">
+          <h1 class="about-title">知识培训与科技人才服务平台</h1>
+          <div class="about-font">
+            围绕功能食品、生物医药和数字健康产业领域，创新事业部搭建产学研用协同、学科交叉融合、资源开放共享的科技创新平台
+            实现从科学到技术的转移转化，促进重大基础研究成果产业化，打造企业的技术创新中心，为科技型中小微企业发展提供全链条一体化科技创新服务，
+            增强以科技创新为核心的企业竞争力，推动企业高质量发展，发挥更加重要作用。
+          </div>
+        </div>
+      </div>
+      <!-- <div class="search-background">
         <div class="d-flex">
           <div class="flex-3 flex-wrap">
             <span class="ins-title">导师分类：</span>
@@ -29,9 +46,9 @@
             />
           </div>
         </div>
+      </div> -->
     </div>
-    </div>
+    <!-- <tutors :ach-list="achList" :fruit-ipt="fruitIpt" :platform="platform" ref="child" /> -->
-    <tutors :ach-list="achList" :fruit-ipt="fruitIpt" :platform="platform" ref="child" />
   </div>
 </template>
 
@@ -50,8 +67,8 @@ export default {
       title: '知识培训与科技人才服务平台',
       typeOfPlatform: '创新社区',
       arr: [
-        { name: '创新社区', url: '/NewPlatform/NewCore' },
+        { name: '创新社区', url: '/NewPlatform/Index' },
-        { name: '创新资源平台', url: '/NewPlatform/News' },
+        { name: '创新资源平台', url: '/NewPlatform/Index#mao2' },
         { name: '知识培训与科技人才服务平台', url: '' },
       ],
       list: [],
@@ -161,4 +178,31 @@ export default {
 .act-color {
   color: #13ACC4 !important;
 }
+
+.banner-box {
+  width: 82%;
+  margin: 0 auto;
+  position: relative;
+
+  .banner-con {
+    position: absolute;
+    top: 50%;
+    left: 50%;
+    transform: translate(-50%, -50%);
+    text-align: center;
+    width: 80%;
+
+    .about-title {
+      color: white;
+      font-size: 50px;
+      font-weight: 600;
+    }
+
+    .about-font {
+      color: white;
+      font-size: 18px;
+      line-height: 40px;
+    }
+  }
+}
 </style>

src/views/NewPlatform/Children/Index.vue

@@ -1,13 +1,13 @@
 <template>
   <div>
     <div class="nav-box d-flex">
-      <div :class="activeNum === 0 ? 'nav-box-active' : ''" @click="changeIndex(0)"><a href="#mao1">研究院介绍</a></div>
+      <div :class="activeNum === 0 ? 'nav-box-active' : ''" @click="changeIndex(0)"><a href="#mao1">研究院</a></div>
       <div :class="activeNum === 1 ? 'nav-box-active' : ''" @click="changeIndex(1)"><a href="#mao2">创新资源平台</a></div>
       <div :class="activeNum === 2 ? 'nav-box-active' : ''" @click="changeIndex(2)"><a href="#mao3">创新服务</a></div>
       <div :class="activeNum === 3 ? 'nav-box-active' : ''" @click="changeIndex(3)"><a href="#mao4">合作伙伴</a></div>
     </div>
 
-    <a name="mao1">
+    <a name="mao1" id="mao1">
       <div class="banner-box">
         <a-carousel :autoplay-speed="time" autoplay>
           <div class="img-box">
@@ -35,7 +35,7 @@
     </a>
 
     <!-- 创新资源平台 -->
-    <a name="mao2">
+    <a name="mao2" id="mao2">
       <div class="organize-box bg-gray text-center">
         <div class="title w-1500"><img src="~assets/newPlatform/newPlatform1.jpg" /></div>
 
@@ -52,7 +52,7 @@
     </a>
 
     <!-- 创新服务 -->
-    <a name="mao3">
+    <a name="mao3" id="mao3">
       <div class="service-box bg-gray text-center">
         <div class="title w-1500"><img src="~assets/newPlatform/newPlatform2.jpg" /></div>
         <div class="service-flow">
@@ -95,7 +95,7 @@
     </a>
 
     <!-- 合作伙伴 -->
-    <a name="mao4">
+    <a name="mao4" id="mao4">
       <div class="partner-box text-center">
         <div class="title w-1500">
           <img src="~assets/about/title2.jpg" />
@@ -125,7 +125,7 @@
       </div>
     </a>
 
-    <div class="bg-gray" style="height: 200px"></div>
+    <div class="bg-gray" style="height: 100px"></div>
 
     <service-demand :model-intro="modelIntro" ref="child" />
   </div>
@@ -172,6 +172,14 @@ export default {
     };
   },
 
+  watch:{
+    $route(to){
+      if(to.hash){
+        this.setJump(to.hash)
+      }
+    }
+  },
+
   computed: mapState('home', ['partners']),
 
   async created() {
@@ -205,11 +213,46 @@ export default {
     });
   },
 
+  mounted() {
+    this.$nextTick(() => {
+      if(this.$route.hash){
+        this.setJump(this.$route.hash)
+      }
+    })
+  },
+
   methods: {
     // ...mapMutations('home', ['setServiceArr']),
     ...mapMutations('home', ['setPartners']),
     ...mapActions('home', ['getFrontSearchCompany']),
 
+    setJump(hash){
+      if(hash === '#mao1'){
+        this.$nextTick(() => {
+            this.changeIndex(0)
+            document.getElementById('mao1').scrollIntoView(true)
+        })
+      }
+      if(hash === '#mao2'){
+        this.$nextTick(() => {
+            this.changeIndex(1)
+            document.getElementById('mao2').scrollIntoView(true)
+        })
+      }
+      if(hash === '#mao3'){
+        this.$nextTick(() => {
+            this.changeIndex(2)
+            document.getElementById('mao3').scrollIntoView(true)
+        })
+      }
+      if(hash === '#mao4'){
+        this.$nextTick(() => {
+            this.changeIndex(3)
+            document.getElementById('mao4').scrollIntoView(true)
+        })
+      }
+    },
+
     showIntro(index) {
       this.$refs.child.showModel();
       this.modelIntro = this.serviceList[index].intro;
@@ -278,8 +321,9 @@ a {
 }
 
 .w-1500 {
-  display: inline-block;
+  // display: inline-block;
-  width: 1500px;
+  // width: 1500px;
+  width: 82%;
   margin: 0 auto;
 }
 

src/views/NewPlatform/Children/Platform.vue

@@ -56,7 +56,7 @@ export default {
       title: '创新资源平台',
       typeOfPlatform: '创新社区',
       arr: [
-        { name: '创新社区', url: '/NewPlatform/NewCore' },
+        { name: '创新社区', url: '/NewPlatform/Index' },
         { name: '创新资源平台', url: '' },
       ],
       btnType: 'default',

src/views/NewPlatform/Children/Service.vue

@@ -81,7 +81,7 @@ export default {
       title: '创新服务',
       typeOfPlatform: '创新社区',
       arr: [
-        { name: '创新社区', url: '/NewPlatform/NewCore' },
+        { name: '创新社区', url: '/NewPlatform/Index' },
         { name: '创新服务', url: '/NewPlatform/NewService' },
       ],
       showPage: 33,

src/views/NewPlatform/Children/Share.vue

@@ -5,6 +5,23 @@
       <bread-crumb :arr="arr" />
     </div>
     <div>
+      <div class="banner-box">
+        <a-carousel :autoplay-speed="time" autoplay>
+          <div class="img-box">
+            <img src="~assets/banner/banner4.png" />
+          </div>
+        </a-carousel>
+
+        <!-- 文字内容 -->
+        <div class="banner-con">
+          <h1 class="about-title">科技资源开放共享服务平台</h1>
+          <div class="about-font">
+            围绕功能食品、生物医药和数字健康产业领域，创新事业部搭建产学研用协同、学科交叉融合、资源开放共享的科技创新平台
+            实现从科学到技术的转移转化，促进重大基础研究成果产业化，打造企业的技术创新中心，为科技型中小微企业发展提供全链条一体化科技创新服务，
+            增强以科技创新为核心的企业竞争力，推动企业高质量发展，发挥更加重要作用。
+          </div>
+        </div>
+      </div>
       <div class="search-background">
         <div class="d-flex">
           <div class="flex-3 flex-wrap">
@@ -73,8 +90,8 @@ export default {
       title: '科技资源开放共享服务平台',
       typeOfPlatform: '创新社区',
       arr: [
-        { name: '创新社区', url: '/NewPlatform/NewCore' },
+        { name: '创新社区', url: '/NewPlatform/Index' },
-        { name: '创新资源平台', url: '/NewPlatform/News' },
+        { name: '创新资源平台', url: '/NewPlatform/Index#mao2' },
         { name: '科技资源开放共享服务平台', url: '' },
       ],
       LabIpt: '', // 实验室搜索框内容
@@ -240,4 +257,31 @@ export default {
 .act-color {
   color: #13ACC4 !important;
 }
+
+.banner-box {
+  width: 82%;
+  margin: 0 auto;
+  position: relative;
+
+  .banner-con {
+    position: absolute;
+    top: 50%;
+    left: 50%;
+    transform: translate(-50%, -50%);
+    text-align: center;
+    width: 80%;
+
+    .about-title {
+      color: white;
+      font-size: 50px;
+      font-weight: 600;
+    }
+
+    .about-font {
+      color: white;
+      font-size: 18px;
+      line-height: 40px;
+    }
+  }
+}
 </style>

src/views/NewPlatform/Children/ShareChild/InsDet.vue

@@ -90,7 +90,7 @@ export default {
     return {
       typeOfPlatform: '设备详情',
       arr: [
-        // { name: '创新平台', url: '/NewPlatform/NewCore' },
+        // { name: '创新平台', url: '/NewPlatform/Index' },
         // { name: '创新资源平台', url: '/NewPlatform/News' },
         // { name: '科技资源开放共享服务平台', url: '/NewPlatform/Share' },
         { name: '设备详情', url: '' },

src/views/NewPlatform/Children/ShareChild/Institute.vue

@@ -32,7 +32,7 @@
           style="float: left; margin-right: 20px"
         />
         <!-- <a-button type="primary">加入购物车</a-button> -->
-        <add-shopping :type-data="typeData" />
+        <!-- <add-shopping :type-data="typeData" /> -->
       </div>
       <!-- <p
         class="font-bold-24 item-title"
@@ -120,8 +120,8 @@ export default {
       typeOfPlatform: '创新社区',
       showPage: 32,
       arr: [
-        { name: '创新社区', url: '/NewPlatform/NewCore' },
+        { name: '创新社区', url: '/NewPlatform/Index' },
-        { name: '创新资源平台', url: '/NewPlatform/News' },
+        { name: '创新资源平台', url: '/NewPlatform/Index#mao2' },
         { name: '科技资源开放共享服务平台', url: '/NewPlatform/Share' },
         { name: '研究院详情', url: '' },
       ],

src/views/NewPlatform/Children/Transfer.vue

@@ -5,6 +5,23 @@
       <bread-crumb :arr="arr" />
     </div>
     <div>
+      <div class="banner-box">
+        <a-carousel :autoplay-speed="time" autoplay>
+          <div class="img-box">
+            <img src="~assets/banner/banner4.png" />
+          </div>
+        </a-carousel>
+
+        <!-- 文字内容 -->
+        <div class="banner-con">
+          <h1 class="about-title">知识产权与技术转移转化服务平台</h1>
+          <div class="about-font">
+            围绕功能食品、生物医药和数字健康产业领域，创新事业部搭建产学研用协同、学科交叉融合、资源开放共享的科技创新平台
+            实现从科学到技术的转移转化，促进重大基础研究成果产业化，打造企业的技术创新中心，为科技型中小微企业发展提供全链条一体化科技创新服务，
+            增强以科技创新为核心的企业竞争力，推动企业高质量发展，发挥更加重要作用。
+          </div>
+        </div>
+      </div>
       <div class="search-background">
         <div class="d-flex">
           <div class="flex-3 flex-wrap">
@@ -51,8 +68,8 @@ export default {
       title: '知识产权与技术转移转化服务平台',
       typeOfPlatform: '创新社区',
       arr: [
-        { name: '创新社区', url: '/NewPlatform/NewCore' },
+        { name: '创新社区', url: '/NewPlatform/Index' },
-        { name: '创新资源平台', url: '/NewPlatform/News' },
+        { name: '创新资源平台', url: '/NewPlatform/Index#mao2' },
         { name: '知识产权与技术转移转化服务平台', url: '' },
       ],
       list: [],
@@ -154,4 +171,31 @@ export default {
 .act-color {
   color: #13ACC4 !important;
 }
+
+.banner-box {
+  width: 82%;
+  margin: 0 auto;
+  position: relative;
+
+  .banner-con {
+    position: absolute;
+    top: 50%;
+    left: 50%;
+    transform: translate(-50%, -50%);
+    text-align: center;
+    width: 80%;
+
+    .about-title {
+      color: white;
+      font-size: 50px;
+      font-weight: 600;
+    }
+
+    .about-font {
+      color: white;
+      font-size: 18px;
+      line-height: 40px;
+    }
+  }
+}
 </style>

src/views/NewPlatform/components/HNav.vue

@@ -15,20 +15,20 @@ export default {
       activeNum: 0,
       list: [
         {
-          title: '协同创新中心',
+              title: '研究院',
-          url: '/NewPlatform/NewCore',
+              url: '/NewPlatform/Index#mao1',
             },
             {
               title: '创新资源平台',
-          url: '/NewPlatform/News',
+              url: '/NewPlatform/Index#mao2',
             },
             {
               title: '创新服务',
-          url: '/NewPlatform/NewService',
+              url: '/NewPlatform/Index#mao3',
             },
             {
-          title: '交流社区',
+              title: '合作伙伴',
-          url: '/NewPlatform/Community',
+              url: '/NewPlatform/Index#mao4',
             },
       ],
     };