微调

src/App.vue

@@ -7,11 +7,9 @@
       <headers/>
     </div>
     <el-row>
-      <el-col></el-col>
       <el-col>
         <router-view/>
       </el-col>
-      <el-col></el-col>
     </el-row>
     <footers/>
   </div>

src/views/edu_teach/index.vue

@@ -8,11 +8,11 @@
         </div>
       </el-col>
     </el-row>
-
     <el-row>
-      <el-col :offset="4" :span="16">
+      <el-col v-show="width>=992" :xs="1" :sm="1" :md="2" :lg="4" :xl="4">
-        <el-row>
+        <div class="grid-content"></div>
-          <el-col :span="6">
+      </el-col>
+      <el-col :xs="7" :sm="7" :md="6" :lg="4" :xl="4">
         <div class="left_lab">
           <div class="lab">
             <div class="lab_list lab_select">
@@ -50,15 +50,15 @@
           </div>
         </div>
       </el-col>
-          <el-col :span="18">
+      <el-col :xs="16" :sm="16" :md="14" :lg="12" :xl="12">
         <el-row>
           <el-col>
             <div class="tab">
-                  <router-link to="/">首页</router-link>
+              <el-breadcrumb separator-class="el-icon-arrow-right">
-                  <span> > </span>
+                <el-breadcrumb-item :to="{ path: '/' }">首页</el-breadcrumb-item>
-                  <router-link to="">教育教学</router-link>
+                <el-breadcrumb-item>教育教学</el-breadcrumb-item>
-                  <span> > </span>
+                <el-breadcrumb-item :to="{ path: '/' }">教学督导</el-breadcrumb-item>
-                  <span style="color: #1956BC;font-size: 1.4rem">教学督导</span>
+              </el-breadcrumb>
             </div>
           </el-col>
         </el-row>
@@ -66,13 +66,9 @@
         <el-row>
           <!--正文内容-->
           <el-col class="context">
-
-
             <div class="tw">
               <el-row>
-                    <el-col :offset="1" :span="21">
+                <el-col :xs="6" :sm="6" :md="5" :lg="4" :xl="4">
-                      <el-row>
-                        <el-col :span="3">
                   <div class="tw_time">
                     <div class="tw_top">
                       28
@@ -82,7 +78,7 @@
                     </div>
                   </div>
                 </el-col>
-                        <el-col :span="16" :offset="1">
+                <el-col :xs="18" :sm="18" :md="18" :lg="17" :xl="17">
                   <div class="tw_context">
                     <div class="tw_context_title">
                       不忘初心，展望未来——信息科学与技术学院开展转专业同学交流会
@@ -92,15 +88,17 @@
                     </div>
                   </div>
                 </el-col>
-                        <el-col :span="3" :offset="1">
+                <el-col v-show="width>=992" :xs="1" :sm="1" :md="3" :lg="3" :xl="3">
                   <div class="tw_img">
                     <img src="@/assets/index/teaching_student/tw1.png" alt="">
                   </div>
                 </el-col>
               </el-row>
-                      <el-divider></el-divider>
+              <hr style="border: 0.1rem solid #E6E6E6;" class="hr">
+            </div>
+            <div class="tw">
               <el-row>
-                        <el-col :span="3">
+                <el-col :xs="6" :sm="6" :md="5" :lg="4" :xl="4">
                   <div class="tw_time">
                     <div class="tw_top">
                       28
@@ -110,7 +108,7 @@
                     </div>
                   </div>
                 </el-col>
-                        <el-col :span="16" :offset="1">
+                <el-col :xs="18" :sm="18" :md="18" :lg="17" :xl="17">
                   <div class="tw_context">
                     <div class="tw_context_title">
                       不忘初心，展望未来——信息科学与技术学院开展转专业同学交流会
@@ -120,15 +118,17 @@
                     </div>
                   </div>
                 </el-col>
-                        <el-col :span="3" :offset="1">
+                <el-col v-show="width>=992" :xs="1" :sm="1" :md="3" :lg="3" :xl="3">
                   <div class="tw_img">
                     <img src="@/assets/index/teaching_student/tw1.png" alt="">
                   </div>
                 </el-col>
               </el-row>
-                      <el-divider></el-divider>
+              <hr style="border: 0.1rem solid #E6E6E6;" class="hr">
+            </div>
+            <div class="tw">
               <el-row>
-                        <el-col :span="3">
+                <el-col :xs="6" :sm="6" :md="5" :lg="4" :xl="4">
                   <div class="tw_time">
                     <div class="tw_top">
                       28
@@ -138,7 +138,7 @@
                     </div>
                   </div>
                 </el-col>
-                        <el-col :span="16" :offset="1">
+                <el-col :xs="18" :sm="18" :md="18" :lg="17" :xl="17">
                   <div class="tw_context">
                     <div class="tw_context_title">
                       不忘初心，展望未来——信息科学与技术学院开展转专业同学交流会
@@ -148,15 +148,17 @@
                     </div>
                   </div>
                 </el-col>
-                        <el-col :span="3" :offset="1">
+                <el-col v-show="width>=992" :xs="1" :sm="1" :md="3" :lg="3" :xl="3">
                   <div class="tw_img">
                     <img src="@/assets/index/teaching_student/tw1.png" alt="">
                   </div>
                 </el-col>
               </el-row>
-                      <el-divider></el-divider>
+              <hr style="border: 0.1rem solid #E6E6E6;" class="hr">
+            </div>
+            <div class="tw">
               <el-row>
-                        <el-col :span="3">
+                <el-col :xs="6" :sm="6" :md="5" :lg="4" :xl="4">
                   <div class="tw_time">
                     <div class="tw_top">
                       28
@@ -166,7 +168,7 @@
                     </div>
                   </div>
                 </el-col>
-                        <el-col :span="16" :offset="1">
+                <el-col :xs="18" :sm="18" :md="18" :lg="17" :xl="17">
                   <div class="tw_context">
                     <div class="tw_context_title">
                       不忘初心，展望未来——信息科学与技术学院开展转专业同学交流会
@@ -176,79 +178,19 @@
                     </div>
                   </div>
                 </el-col>
-                        <el-col :span="3" :offset="1">
+                <el-col v-show="width>=992" :xs="1" :sm="1" :md="3" :lg="3" :xl="3">
                   <div class="tw_img">
                     <img src="@/assets/index/teaching_student/tw1.png" alt="">
                   </div>
                 </el-col>
               </el-row>
-                      <el-divider></el-divider>
+              <hr style="border: 0.1rem solid #E6E6E6;" class="hr">
-                      <el-row>
-                        <el-col :span="3">
-                          <div class="tw_time">
-                            <div class="tw_top">
-                              28
-                            </div>
-                            <div class="tw_bottoms">
-                              2021-10
-                            </div>
-                          </div>
-                        </el-col>
-                        <el-col :span="16" :offset="1">
-                          <div class="tw_context">
-                            <div class="tw_context_title">
-                              不忘初心，展望未来——信息科学与技术学院开展转专业同学交流会
-                            </div>
-                            <div class="tw_context_text">
-                              为促进学生学业发展、给予2021年转专业同学有针对性的帮助，信息科学与技术学院于10月26日开展转专业同学分享交流会。信息科学与技术学院党委副书记马琼、本科生教学主管蒋燕老师…
-                            </div>
-                          </div>
-                        </el-col>
-                        <el-col :span="3" :offset="1">
-                          <div class="tw_img">
-                            <img src="@/assets/index/teaching_student/tw1.png" alt="">
-                          </div>
-                        </el-col>
-                      </el-row>
-                      <el-divider></el-divider>
-                      <el-row>
-                        <el-col :span="3">
-                          <div class="tw_time">
-                            <div class="tw_top">
-                              28
-                            </div>
-                            <div class="tw_bottoms">
-                              2021-10
-                            </div>
-                          </div>
-                        </el-col>
-                        <el-col :span="16" :offset="1">
-                          <div class="tw_context">
-                            <div class="tw_context_title">
-                              不忘初心，展望未来——信息科学与技术学院开展转专业同学交流会
-                            </div>
-                            <div class="tw_context_text">
-                              为促进学生学业发展、给予2021年转专业同学有针对性的帮助，信息科学与技术学院于10月26日开展转专业同学分享交流会。信息科学与技术学院党委副书记马琼、本科生教学主管蒋燕老师…
-                            </div>
-                          </div>
-                        </el-col>
-                        <el-col :span="3" :offset="1">
-                          <div class="tw_img">
-                            <img src="@/assets/index/teaching_student/tw1.png" alt="">
             </div>
           </el-col>
         </el-row>
       </el-col>
-                  </el-row>
+      <el-col :xs="1" :sm="2" :md="2" :lg="4" :xl="4">
-                </div>
+        <div class="grid-content"></div>
-
-
-
-
-              </el-col>
-            </el-row>
-          </el-col>
-        </el-row>
       </el-col>
     </el-row>
   </div>
@@ -256,7 +198,12 @@
 
 <script>
 export default {
-  name: "index"
+  name: "index",
+  data() {
+    return {
+      width: document.documentElement.clientWidth
+    }
+  },
 }
 </script>
 
@@ -322,6 +269,7 @@ export default {
 
       .lab_select {
         background: #94BCFF;
+
         .lab_img {
           display: block;
         }
@@ -332,8 +280,46 @@ export default {
         }
       }
     }
+
   }
 
+  @media screen and (max-width: 980px) {
+    .left_lab {
+      margin-left: 3rem;
+      width: 16.5rem;
+      height: 30rem;
+
+      border-radius: 0rem 0rem 1rem 0rem;
+
+      .lab {
+        left: 3.6rem;
+        top: 3.75rem;
+        width: 14.25rem;
+        margin-bottom: 2.25rem;
+        border-radius: 0rem 0rem 1.2rem 1rem;
+
+        .lab_list {
+          margin-left: .75rem;
+          width: 13.5rem;
+          height: 6rem;
+          line-height: 6rem;
+
+          .lab_img {
+            margin-top: .1rem;
+            width: 1.05rem;
+            height: 1.05rem;
+            display: none;
+            margin-left: 3rem;
+          }
+
+          .lab_title {
+            margin-left: 1.5rem;
+          }
+        }
+
+      }
+    }
+  }
 
   .tab {
     margin-left: 1.9rem;
@@ -352,6 +338,7 @@ export default {
     padding-bottom: 3rem;
     //width: 84.3rem;
     background: #FFFFFF;
+
     .tw {
       margin-top: 4rem;
     }
@@ -395,6 +382,7 @@ export default {
         font-weight: 400;
       }
     }
+
     .title {
       font-size: 2.4rem;
       font-weight: 500;

src/views/header/index.vue

@@ -28,12 +28,12 @@
                 {{ $t('message.examine') }}
               </div>
             </el-col>
-            <el-col :span="2">
+            <el-col :span="3">
               <div class="link">
                 {{ $t('message.Services portal') }}
               </div>
             </el-col>
-            <el-col :offset="12" :span="2">
+            <el-col :offset="11" :span="2">
               <div class="switchLang" @click="switchLang">{{ $t('message.switch') }}</div>
             </el-col>
           </el-row>

src/views/index/index.vue

@@ -1,10 +1,15 @@
 <template>
   <div>
     <el-row>
-      <el-col>
+      <el-col class="bgc">
         <!--首页图片-->
         <div class="top">
+
           <img src="@/assets/index/sy_bj1@2x.png" alt="">
+
+        </div>
+        <div class="next">
+          <img src="@/assets/index/sy_icon_xh.png" alt="">
         </div>
       </el-col>
     </el-row>
@@ -43,6 +48,7 @@ import ResearchTrends from './components/scientific_research_trends.vue'
 import SlideshowCard from './components/slideshow_card.vue'
 import TeachingStudent from './components/teaching_student.vue'
 import Bottom from './components/bottom.vue'
+
 export default {
   name: "index",
   components: {
@@ -62,11 +68,29 @@ export default {
 </script>
 
 <style scoped lang="scss">
+.bgc {
+  position: relative;
+
   .top {
     img {
       width: 100%;
     }
   }
+
+  .next {
+    //width: 100%;
+    width: 6rem;
+    left: 50%;
+    bottom: 8rem;
+    position: absolute;
+    margin-left: -3rem;
+    cursor: pointer;
+    img{
+      width: 100%;
+    }
+  }
+}
+
 .interval {
   margin-top: 5rem;
 }

src/views/school_profile/index.vue

@@ -10,13 +10,10 @@
     </el-row>
 
     <el-row>
-
+      <el-col v-show="width>=992" :xs="1" :sm="1" :md="2" :lg="4" :xl="4">
-      <el-col :xs="0" :sm="2" :md="2" :lg="4" :xl="4">
         <div class="grid-content"></div>
       </el-col>
-      <el-col :xs="24" :sm="20" :md="20" :lg="16" :xl="16">
+      <el-col :xs="7" :sm="7" :md="6" :lg="4" :xl="4">
-        <el-row>
-          <el-col :span="6">
         <div class="left_lab">
           <div class="lab">
             <div class="lab_list lab_select">
@@ -62,13 +59,16 @@
           </div>
         </div>
       </el-col>
-          <el-col :span="18">
+      <el-col :xs="16" :sm="16" :md="14" :lg="12" :xl="12" >
         <el-row>
           <el-col>
             <div class="tab">
-                  <router-link to="/">首页</router-link><span> > </span>
+
-                  <router-link to="">学院概况</router-link><span> > </span>
+              <el-breadcrumb separator-class="el-icon-arrow-right">
-                  <span style="color: #1956BC;font-size: 1.4rem">学院简介</span>
+                <el-breadcrumb-item :to="{ path: '/' }">首页</el-breadcrumb-item>
+                <el-breadcrumb-item>学院概况</el-breadcrumb-item>
+                <el-breadcrumb-item :to="{ path: '/' }">学院简介</el-breadcrumb-item>
+              </el-breadcrumb>
             </div>
             <div class="context">
               <div class="title">学院简介</div>
@@ -88,7 +88,8 @@
                 图3：学院实验室、平台、团队
                 <br>
 
-                    学院学历教育涵盖博士、硕士、重点本科、留学生（博、硕、本）等多个层次。拥有3个一级学科博士点、1个一级学科硕士点，以及1个工程硕士点和2个博士后流动站，还拥有国家重点学科、省级重点学科。2016年5月，Computer Science学科进入ESI全球排名前1%。
+                学院学历教育涵盖博士、硕士、重点本科、留学生（博、硕、本）等多个层次。拥有3个一级学科博士点、1个一级学科硕士点，以及1个工程硕士点和2个博士后流动站，还拥有国家重点学科、省级重点学科。2016年5月，Computer
+                Science学科进入ESI全球排名前1%。
 
                 <br>
 
@@ -104,7 +105,8 @@
                 <br>
                 近年来，学院科研工作发展迅猛，承担了包括“973”计划、国家重点研发计划、国家科技支撑计划、国家科技重大专项、“111”计划，国家“211”工程建设项目和国家优势学科创新平台建设项目（特色“985”），科技部、教育部、国家杰出青年基金项目、国家自然科学基金（重点、面上、青年、国际合作等）项目，四川省和铁路总公司科技项目，以及来自行业、地方和企业的各类科技开发项目数百项。数十项科研成果获国家及省部级奖励。学院科研团队在国内外本领域顶级学术刊物上发表了一大批高水平学术论文，出版了多部在国内外具有影响力的中英文学术专著和教材。
                 <br>
-                    学院具有宽广的国际化视野，超过一半的教师具有海外经历。拥有IEEE/OSA Fellow、IET fellow 、IEEE Distinguished lecture、高水平学术刊物客座编辑等学术任职的教师。学院积极培养国际学生，培养了或正在培养来自欧洲、美洲、亚洲的十余个国家的各类留学生近百名。
+                学院具有宽广的国际化视野，超过一半的教师具有海外经历。拥有IEEE/OSA Fellow、IET fellow 、IEEE Distinguished
+                lecture、高水平学术刊物客座编辑等学术任职的教师。学院积极培养国际学生，培养了或正在培养来自欧洲、美洲、亚洲的十余个国家的各类留学生近百名。
                 <br>
                 我国高新技术的快速发展为信息学科的发展提供了广阔的发展前景和良好的机遇，学院已培养了一大批信息领域的高级专门人才，毕业生遍及海内外，其中不少已成为国内外知名专家、学者，行业领军人物和骨干。信息科学与技术学院广大师生将继续秉承学校“竢实扬华，自强不息”的精神，锐意进取，迎接挑战，为把学院建设成为高水平研究型学院而努力！
               </div>
@@ -113,9 +115,7 @@
           </el-col>
         </el-row>
       </el-col>
-        </el-row>
+      <el-col :xs="1" :sm="2" :md="2" :lg="4" :xl="4">
-      </el-col>
-      <el-col :xs="0" :sm="2" :md="2" :lg="4" :xl="4">
         <div class="grid-content"></div>
       </el-col>
     </el-row>
@@ -125,7 +125,12 @@
 
 <script>
 export default {
-  name: "index"
+  name: "index",
+  data() {
+    return {
+      width: document.documentElement.clientWidth
+    }
+  },
 }
 </script>
 
@@ -136,8 +141,10 @@ export default {
       width: 100%;
     }
   }
+
   font-family: PingFangSC-Regular, PingFang SC;
   background: #F8F8F8;
+
   .left_lab {
     margin-left: 4rem;
     width: 22rem;
@@ -177,6 +184,10 @@ export default {
           height: 1.4rem;
           display: none;
           margin-left: 4rem;
+
+          img {
+            width: 100%;
+          }
         }
 
         .lab_title {
@@ -188,6 +199,7 @@ export default {
 
       .lab_select {
         background: #94BCFF;
+
         .lab_img {
           display: block;
         }
@@ -201,24 +213,65 @@ export default {
   }
 
 
+  @media screen and (max-width: 980px) {
+    .left_lab {
+      margin-left: 3rem;
+      width: 16.5rem;
+      height: 36rem;
+
+      border-radius: 0rem 0rem 1rem 0rem;
+
+      .lab {
+        left: 3.6rem;
+        top: 3.75rem;
+        width: 14.25rem;
+        margin-bottom: 2.25rem;
+        border-radius: 0rem 0rem 1.2rem 1rem;
+
+        .lab_list {
+          margin-left: .75rem;
+          width: 13.5rem;
+          height: 6rem;
+          line-height: 6rem;
+          .lab_img {
+            margin-top: .1rem;
+            width: 1.05rem;
+            height: 1.05rem;
+            display: none;
+            margin-left: 3rem;
+          }
+          .lab_title {
+            margin-left: 1.5rem;
+          }
+        }
+
+      }
+    }
+  }
+
+
   .tab {
     margin-left: 1.9rem;
     margin-top: 1.5rem;
     font-weight: 400;
+
     a {
       text-decoration: none;
       font-size: 1.4rem !important;
       color: #3C3C3C;
     }
   }
+
   .context {
     margin: 3rem 4rem;
+
     .title {
       font-size: 2.4rem;
       font-weight: 500;
       color: #1956BC;
       text-align: center;
     }
+
     .text {
       margin-top: 2rem;
       font-size: 1.2rem;

src/views/teaching_staff/index.vue

@@ -1,7 +1,7 @@
 <template>
   <div id="edu_teach">
     <el-row>
-      <el-col :span="24">
+      <el-col>
         <!--首页图片-->
         <div class="top">
           <img src="@/assets/school_profile/bj123.png" alt="">
@@ -10,9 +10,10 @@
     </el-row>
 
     <el-row>
-      <el-col :offset="4" :span="16">
+      <el-col v-show="width>=992" :xs="1" :sm="1" :md="2" :lg="4" :xl="4">
-        <el-row>
+        <div class="grid-content"></div>
-          <el-col :span="6">
+      </el-col>
+      <el-col :xs="7" :sm="7" :md="6" :lg="4" :xl="4">
         <div class="left_lab">
           <div class="lab">
             <div class="lab_list lab_select">
@@ -50,15 +51,15 @@
           </div>
         </div>
       </el-col>
-          <el-col :span="18">
+      <el-col :xs="16" :sm="16" :md="14" :lg="12" :xl="12">
         <el-row>
           <el-col>
             <div class="tab">
-                  <router-link to="/">首页</router-link>
+              <el-breadcrumb separator-class="el-icon-arrow-right">
-                  <span> > </span>
+                <el-breadcrumb-item :to="{ path: '/' }">首页</el-breadcrumb-item>
-                  <router-link to="">师资队伍</router-link>
+                <el-breadcrumb-item>师资队伍</el-breadcrumb-item>
-                  <span> > </span>
+                <el-breadcrumb-item :to="{ path: '/' }">教师名录</el-breadcrumb-item>
-                  <span style="color: #1956BC;font-size: 1.4rem">教师名录</span>
+              </el-breadcrumb>
             </div>
           </el-col>
         </el-row>
@@ -192,9 +193,6 @@
             </el-row>
 
 
-
-
-
             <el-row>
               <el-col class="name" :offset="1" :span="23">
                 实验人员(2人)
@@ -306,7 +304,8 @@
           </el-col>
         </el-row>
       </el-col>
-        </el-row>
+      <el-col v-show="width>=992"  :xs="1" :sm="1" :md="2" :lg="4" :xl="4">
+        <div class="grid-content"></div>
       </el-col>
     </el-row>
   </div>
@@ -314,7 +313,12 @@
 
 <script>
 export default {
-  name: "index"
+  name: "index",
+  data() {
+    return {
+      width: document.documentElement.clientWidth
+    }
+  },
 }
 </script>
 
@@ -394,6 +398,41 @@ export default {
     }
   }
 
+  @media screen and (max-width: 980px) {
+    .left_lab {
+      margin-left: 3rem;
+      width: 16.5rem;
+      height: 30rem;
+
+      border-radius: 0rem 0rem 1rem 0rem;
+
+      .lab {
+        left: 3.6rem;
+        top: 3.75rem;
+        width: 14.25rem;
+        margin-bottom: 2.25rem;
+        border-radius: 0rem 0rem 1.2rem 1rem;
+
+        .lab_list {
+          margin-left: .75rem;
+          width: 13.5rem;
+          height: 6rem;
+          line-height: 6rem;
+          .lab_img {
+            margin-top: .1rem;
+            width: 1.05rem;
+            height: 1.05rem;
+            display: none;
+            margin-left: 3rem;
+          }
+          .lab_title {
+            margin-left: 1.5rem;
+          }
+        }
+
+      }
+    }
+  }
   .tab {
     margin-left: 1.9rem;
     margin-top: 1.5rem;
@@ -409,7 +448,7 @@ export default {
   .context {
     margin: 3rem 2rem;
     padding-bottom: 3rem;
-    width: 84.3rem;
+    //width: 84.3rem;
     background: #FFFFFF;
 
     .context_el-row {
@@ -433,19 +472,28 @@ export default {
         border: #1956BC solid 0.1rem;
       }
     }
+
     .name {
       margin-top: 2rem;
       font-size: 1.4rem;
       font-weight: 600;
       color: #1956BC;
     }
+
     .text {
       font-size: 1.2rem;
       color: #3C3C3C;
       clear: left;
+      //@media (max-width: 980px) and (min-width: 980px) {
+      //  float: left;
+      //}
+      //
+      //@media screen and (max-width: 980px) {
+      //
+      //}
       div {
-        margin-top: .4rem;
         float: left;
+        margin-top: .4rem;
         width: 7.4%;
       }
     }