1

src/App.vue

@@ -3,10 +3,10 @@
     <div id="app">
       <head-nav class="head-nav" />
       <router-view></router-view>
-      <div>
+      
-        <friend-ship class="friend" />
+      <friend-ship class="friend" />
-        <footer-page class="footer" />
+      <footer-page class="footer" />
-      </div>
+      
       
     </div>
   </a-config-provider>

src/common/platform.styl

@@ -20,11 +20,10 @@
   position: relative;
 }
 .top-title {
-  position: absolute;
+  width: 100%
   top: 70px;
-  left: 4%;
   padding: 0;
-  font-size: 50px;
+  font-size: 40px;
   color: #fff;
 }
 
@@ -35,14 +34,13 @@
 }
 
 .top-content {
-  float: right;
+
-  margin: 30px 0;
+  margin: 0.5rem 1rem;
-  margin-right: 12%;
+ 
-  width: 62%;
+  // width: 100%;
-  padding: 0;
   font-size: 16px;
   color: #fff;
-  line-height: 36px;
+  line-height: 1.5rem;
 }
 
 .circular {

src/common/portrait.styl

@@ -357,7 +357,7 @@
 
 // other
 .inner {
-  width: 82%;
+  width: 90%;
   margin: 0 auto;
 }
 
@@ -539,3 +539,7 @@ h2{
 .line-height-36{
   line-height: 36px
 }
+
+.font-weight-bold{
+ font-weight bold
+}

src/components/FooterPage/FriendShip.vue

@@ -6,7 +6,7 @@
  * @LastEditTime: 2021-01-21 09:33:25
 -->
 <template>
-  <div class="friend">
+  <div class="friend mb-2 mt-2">
     <div class="inner">
       {{ str }}
       <span :key="index" class="mx-2 item-friend" v-for="(item, index) in lists" @click="jump(item.url)">{{ item.name }}</span>
@@ -68,8 +68,9 @@ export default {
 </script>
 
 <style lang="stylus" scoped>
+
 .friend {
-  line-height: 1rem;
+  line-height: 1.2rem;
   background: #fff;
   font-size: 12px;
   color: rgba(0, 0, 0, 0.65);
@@ -82,4 +83,9 @@ export default {
 .item-friend:hover {
   color: #13ACC4;
 }
+.inner {
+  width: 90%;
+  
+  padding 0.9rem 0
+}
 </style>

src/components/HeadNav/HeadNav.vue

@@ -39,9 +39,12 @@
       >
         <a @click="jumUrl(item.url,a)" class="ant-dropdown-link">
           {{ item.name }}&nbsp;&nbsp;
-          <a-icon type="down" v-show="item.children.length > 0" />
+          
+            <a-icon type="right" style="float:right;margin-right:1rem" v-show="item.children.length > 0" />
+
+          
         </a>
-        <a-menu slot="overlay">
+        <!-- <a-menu slot="overlay">
           <a-menu-item
             :key="b"
             class="px-6 py-3"
@@ -50,7 +53,7 @@
           >
             <a @click="jumUrl(con.url,a)">{{ con.title }}</a>
           </a-menu-item>
-        </a-menu>
+        </a-menu> -->
         <div class="line"></div>
       </a-dropdown>
       <div style="color:#fff;text-align:center;margin:2rem auto">登录</div>

src/views/About/Children/Partner.vue

@@ -4,7 +4,7 @@
     <!-- <div class="inner my-1">
       <bread-crumb :arr="arr" />
     </div> -->
-    <div class="inner">
+    <div>
       <div>
         <partner-ship :title="title" :type-of-platform="typeOfPlatform" />
       </div>

src/views/About/components/HNav.vue

@@ -2,7 +2,7 @@
   <div>
 
   <div class="about-us d-flex align-center justify-space-between">
-    <div>关于我们</div>
+    <div class="font-weight-bold">关于我们</div>
     <a-icon type="up" style="margin-right:1rem;color:#30B6CB" v-show="show" @click="show =false " />
     <a-icon type="down" style="margin-right:1rem;color:#30B6CB" v-show="!show" @click="show =true " />
   </div>
@@ -24,7 +24,7 @@ export default {
   name: 'HNav',
   data() {
     return {
-      show: false,
+      show: true,
       str: '导航条',
       activeNum: 0,
       list: [

src/views/NewPlatform/Children/Core.vue

@@ -6,7 +6,7 @@
     </div> -->
     <div class="top-box">
       <div class="top-title">
-        <div style="font-size:18px">协同创新中心</div>
+        <div style="font-size:36px;text-align:center;">协同创新中心</div>
 
         <new-model ref="childModel" />
       </div>

src/views/NewPlatform/Children/Platform.vue

@@ -11,7 +11,7 @@
   
     <banner :show-page="showPage" />
     <div style="padding-bottom: 50px">
-      <div class="d-flex flex-nowrap justify-space-between">
+      <div class="d-flex flex-column align-center">
         <div :key="index" @click="jump(item.url)" class="content-box" v-for="(item, index) in list">
           <img :src="item.imgUrl" />
           <div class="con-title">{{ item.title }}</div>
@@ -75,9 +75,9 @@ export default {
 
 .content-box {
   padding: 0 !important;
-  width: 30%;
+  width: 90%;
   height: auto !important;
-  margin: 50px 0;
+  margin: 0.5rem 0;
   cursor: pointer;
   position: relative;
 

src/views/NewPlatform/Children/Service.vue

@@ -3,29 +3,29 @@
     <h-nav />
     <banner :show-page="showPage" />
     <div class="flow-path" style="padding: 15px 9%;">
-      <div class="flow-title" style="top: 30%;">服务流程</div>
+      <div class="flow-title" style="top: 30%;left:1rem">服务流程</div>
       <div class="flow-content">
         <img src="~assets/image.png" style="width: 100%" />
       </div>
     </div>
-    <div class="inner d-flex flex-wrap" style="margin: 20px auto">
+    <div class="d-flex flex-wrap" style="margin-left:1.2rem">
       <div
         :class="(index + 1) % 4 === 0 ? 'margin-0' : ''"
         :key="index"
         
-        class="item-box mb-8 pointer"
+        class="item-box mb-4 pointer"
         v-for="(item, index) in list"
       >
         <img @click="showModal(item.id)" :src="item.picUrl" style="height:5rem; width: 100%; border: 1px solid #ccc" />
-        <p class="font-24 my-4" style="text-align: center">
+        <p class="font-20 my-4" style="text-align: center">
           <span>{{ item.name }}</span>
         </p>
         <!-- <p
           class="font-16 my-4 textColor line-height-30 item-content"
           v-if="item.intro"
         >{{ item.intro }}</p> -->
-        <div v-if="item.intro === null? false: item.intro.length>10" class="font-16 textColor item-intro mb-2">
+        <div v-if="item.intro === null? false: item.intro.length>15" class="font-16 textColor item-intro mb-2">
-          {{ item.intro.slice(0,10) }}
+          {{ item.intro.slice(0,15) }}
           <a-button
             @click="showIntro(index)"
             class="font-16 baseColor"
@@ -38,7 +38,7 @@
           
         </div>
         
-        <div v-if="item.intro === null? false:item.intro.length<=10" class="font-16 textColor item-intro">
+        <div v-if="item.intro === null? false:item.intro.length<=15" class="font-16 textColor item-intro">
           <p>{{ item.intro }}</p>
         </div>
         <!-- <p
@@ -391,9 +391,6 @@ export default {
 </script>
 
 <style lang="stylus" scoped>
-.inner {
-  margin: 10px auto 15px;
-}
 
 .pagination {
   margin: 40px 0;
@@ -402,8 +399,9 @@ export default {
 
 .item-box {
   position: relative;
-  width: 20.5%;
+  width: 41%;
-  margin-right: 6%;
+  margin-right: 3%;
+  margin-left: 3%;
   border-radius: 4px;
 }
 

src/views/NewPlatform/components/HNav.vue

@@ -65,7 +65,7 @@ export default {
   // border 1px solid pink
   border-bottom 1px solid #4C5660
   font-size: 16px;
-  padding-left 1.2rem
+  padding-left 1rem
   padding-top 0.2rem
   background-color #fff
 }