index.vue

src/views/index.vue

@@ -136,7 +136,7 @@
           <div class="w_1270">
             <el-col :span="24" class="mainOne">
               <el-col :span="11" class="lunbo">
-                <el-col :span="24" style="height: 304px;">
+                <el-col :span="24" style="height: 600px;">
                   <div class="block">
                     <el-carousel>
                       <el-carousel-item v-for="item in banners" :key="item">
@@ -149,14 +149,33 @@
               </el-col>
               <el-col :span="9" class="noticeNews">
                 <el-row>
-                  <el-col :span="24" style="width: 460px; height: 304px;">
+                  <el-col :span="24" style="width: 760px; height: 500px;">
                     <el-col :span="24" class="top">
                       <el-col :span="20" class="topTit">
-                        <span>通知公告</span>
+                        <el-col>
+                          <span>通知公告</span>
+                        </el-col>
                       </el-col>
                       <el-col :span="4" class="topLink">
                         <el-link :underline="false">more</el-link>
                       </el-col>
+                      <el-col>
+                        <el-col :span="19">
+                          <p class="textOver">
+                            <el-link href="https://element.eleme.io" target="_blank"
+                              >关于印发《吉林省2020年农村义务教育阶段学校教师特设岗位计划实施方案》的通知</el-link
+                            >
+                            <el-divider></el-divider>
+                            <el-link href="https://element.eleme.io" target="_blank"
+                              >关于印发《吉林省2020年农村义务教育阶段学校教师特设岗位计划实施方案》的通知</el-link
+                            >
+                            <el-divider></el-divider>
+                            <el-link href="https://element.eleme.io" target="_blank"
+                              >关于印发《吉林省2020年农村义务教育阶段学校教师特设岗位计划实施方案》的通知</el-link
+                            >
+                          </p>
+                        </el-col>
+                      </el-col>
                     </el-col>
                     <el-col :span="24" class="info">
                       <el-col :span="24" class="list" v-for="(item, index) in noticeList" :key="index">
@@ -193,13 +212,30 @@
             <el-col :span="24" class="mainTwo">
               <el-col :span="11" class="zhidao">
                 <div id="zhidao">
-                  <el-row style="width: 540px; height: 369px;">
+                  <el-row style="width: 760px; height: 500px;">
                     <el-col :span="24" class="top">
                       <el-col :span="20" class="topTit">
                         <span>就业动态</span>
                       </el-col>
                       <el-col :span="4" class="topLink">
-                        <span>more</span>
+                        <el-link :underline="false">more</el-link>
+                      </el-col>
+                      <el-col>
+                        <el-col :span="19">
+                          <p class="textOver">
+                            <el-link href="https://element.eleme.io" target="_blank"
+                              >关于印发《吉林省2020年农村义务教育阶段学校教师特设岗位计划实施方案》的通知</el-link
+                            >
+                            <el-divider></el-divider>
+                            <el-link href="https://element.eleme.io" target="_blank"
+                              >关于印发《吉林省2020年农村义务教育阶段学校教师特设岗位计划实施方案》的通知</el-link
+                            >
+                            <el-divider></el-divider>
+                            <el-link href="https://element.eleme.io" target="_blank"
+                              >关于印发《吉林省2020年农村义务教育阶段学校教师特设岗位计划实施方案》的通知</el-link
+                            >
+                          </p>
+                        </el-col>
                       </el-col>
                     </el-col>
                     <el-col :span="24" class="info">
@@ -345,7 +381,7 @@ export default {
       background-color: #99a9bf;
     }
 
-    .el-carousel__item:nth-child(2n+1) {
+    .el-carousel__item:nth-child(2n + 1) {
       background-color: #d3dce6;
     }
   }
@@ -375,6 +411,9 @@ export default {
           font-size: 16px;
           background-color: #176ebb;
         }
+        .textOver {
+          font-size: 16px;
+        }
       }
       .topLink {
         .el-link {
@@ -436,6 +475,9 @@ export default {
           text-align: center;
         }
       }
+      .textOver {
+        font-size: 16px;
+      }
     }
     .info {
       padding: 0 10px;