2 Komitmen bdee3e7345 ... f084117a8c

Pembuat SHA1 Pesan Tanggal
  echoFan f084117a8c Merge branch 'master' of http://git.cc-lotus.info/echoFan/web-test 4 tahun lalu
  echoFan 7c620f436a index.vue 4 tahun lalu
1 mengubah file dengan 230 tambahan dan 108 penghapusan
  1. 230 108
      src/views/index.vue

+ 230 - 108
src/views/index.vue

@@ -29,7 +29,7 @@
         <el-col :span="24" class="menu">
           <div id="menuInfo">
             <el-row>
-              <el-col :span="24" style="background-color: rgb(4, 87, 199);">
+              <el-col :span="24" style="background-color: rgb(4, 87, 199); font-size: 24px;">
                 <div class="w_1200">
                   <div class="line"></div>
                   <el-menu
@@ -134,123 +134,208 @@
         </el-col>
         <el-col :span="24" class="main">
           <div class="w_1270">
-            <el-col :span="24" class="mainOne">
-              <el-col :span="11" class="lunbo">
-                <el-col :span="24" style="height: 600px;">
-                  <div class="block">
-                    <el-carousel>
-                      <el-carousel-item v-for="item in banners" :key="item">
-                        <!-- <h3 class="small">{{ item }}</h3> -->
-                        <el-image :src="item.pic" style="width: 100%; height: 300px;"></el-image>
-                      </el-carousel-item>
-                    </el-carousel>
-                  </div>
-                </el-col>
-              </el-col>
-              <el-col :span="9" class="noticeNews">
-                <el-row>
-                  <el-col :span="24" style="width: 760px; height: 500px;">
-                    <el-col :span="24" class="top">
-                      <el-col :span="20" class="topTit">
-                        <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>
+            <div>
+              <el-col :span="24" class="mainOne">
+                <div>
+                  <el-col :span="11" class="lunbo">
+                    <el-col :span="24" style="height: 600px;">
+                      <div class="block">
+                        <el-carousel>
+                          <el-carousel-item v-for="item in banners" :key="item">
+                            <!-- <h3 class="small">{{ item }}</h3> -->
+                            <el-image :src="item.pic" style="width: 100%; height: 300px;"></el-image>
+                          </el-carousel-item>
+                        </el-carousel>
+                      </div>
                     </el-col>
-                    <el-col :span="24" class="info">
-                      <el-col :span="24" class="list" v-for="(item, index) in noticeList" :key="index">
-                        <el-col :span="19" class="title">
-                          <el-col :span="19" class="textOver">
-                            {{ item.title }}
+                  </el-col>
+                </div>
+                <el-col :span="9" class="noticeNews">
+                  <el-row>
+                    <div>
+                      <el-col :span="24" style="width: 760px; height: 500px;">
+                        <el-col :span="24" class="top">
+                          <el-col :span="20" class="topTit">
+                            <el-col>
+                              <span>通知公告</span>
+                            </el-col>
                           </el-col>
-                          <el-col :span="5" class="date">
-                            {{ item.data }}
+                          <el-col :span="4" class="topLink">
+                            <el-link :underline="false">more</el-link>
+                          </el-col>
+                          <el-col>
+                            <el-col :span="24">
+                              <p class="textOver">
+                                <el-link href="https://element.eleme.io" target="_blank" style="font-size: 24px;"
+                                  >关于印发《吉林省2020年农村义务教育阶段学校教师特设岗位计划实施方案》的通知</el-link
+                                >
+                                <el-divider></el-divider>
+                                <el-link href="https://element.eleme.io" target="_blank" style="font-size: 24px;"
+                                  >关于印发《吉林省2020年农村义务教育阶段学校教师特设岗位计划实施方案》的通知</el-link
+                                >
+                                <el-divider></el-divider>
+                                <el-link href="https://element.eleme.io" target="_blank" style="font-size: 24px;"
+                                  >关于印发《吉林省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">
+                            <el-col :span="19" class="title">
+                              <el-col :span="19" class="textOver">
+                                {{ item.title }}
+                              </el-col>
+                              <el-col :span="5" class="date">
+                                {{ item.data }}
+                              </el-col>
+                            </el-col>
                           </el-col>
                         </el-col>
                       </el-col>
-                    </el-col>
-                  </el-col>
-                </el-row>
-              </el-col>
-              <el-col :span="4" class="kuaisu">
-                <div id="kuaisu">
-                  <el-row>
-                    <el-col class="24">
-                      <el-col :span="24" class="login">
-                        <button class="el-button">
-                          <span>企业登录</span>
-                        </button>
-                      </el-col>
-                      <el-col :span="24" class="info">
-                        <span>就业信息填报</span>
-                      </el-col>
-                    </el-col>
+                    </div>
                   </el-row>
+                </el-col>
+                <div>
+                  <el-col :span="4" class="kuaisu">
+                    <div id="kuaisu">
+                      <el-row>
+                        <el-col :span="24" class="24">
+                          <div>
+                            <el-col :span="24" class="login" style="text-align: center;">
+                              <button class="el-button">
+                                <el-button type="success">企业登录</el-button>
+                              </button>
+                            </el-col>
+                          </div>
+                          <div>
+                            <el-col :span="24" class="inner" style="text-align: center; ">
+                              <el-col :span="24" class="login">
+                                <div>
+                                  <el-button type="success" plain>
+                                    <el-link href="https://element.eleme.io" target="_blank">就业信息填报</el-link>
+                                  </el-button>
+                                </div>
+                                <div>
+                                  <el-button type="success" plain>
+                                    <el-link href="https://element.eleme.io" target="_blank" type="primary">学历认证</el-link>
+                                  </el-button>
+                                </div>
+                                <div>
+                                  <el-button type="success" plain>
+                                    <el-link href="https://element.eleme.io" target="_blank" type="success">预征入伍</el-link>
+                                  </el-button>
+                                </div>
+                                <div>
+                                  <el-button type="success" plain>
+                                    <el-link href="https://element.eleme.io" target="_blank" type="warning">专升本报名系统</el-link>
+                                  </el-button>
+                                </div>
+                                <div>
+                                  <el-button type="success" plain>
+                                    <el-link href="https://element.eleme.io" target="_blank" type="danger">智慧就业用户手册</el-link>
+                                  </el-button>
+                                </div>
+                              </el-col>
+                            </el-col>
+                          </div>
+                        </el-col>
+                      </el-row>
+                    </div>
+                  </el-col>
                 </div>
               </el-col>
-            </el-col>
+            </div>
             <el-col :span="24" class="mainTwo">
               <el-col :span="11" class="zhidao">
-                <div id="zhidao">
-                  <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">
-                        <el-link :underline="false">more</el-link>
+                <div>
+                  <div id="zhidao">
+                    <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">
+                          <el-link :underline="false">more</el-link>
+                        </el-col>
+                        <el-col>
+                          <el-col :span="24">
+                            <p class="textOver">
+                              <el-link href="https://element.eleme.io" target="_blank" style="font-size: 24px;"
+                                >关于印发《吉林省2020年农村义务教育阶段学校教师特设岗位计划实施方案》的通知</el-link
+                              >
+                              <el-divider></el-divider>
+                              <el-link href="https://element.eleme.io" target="_blank" style="font-size: 24px;"
+                                >关于印发《吉林省2020年农村义务教育阶段学校教师特设岗位计划实施方案》的通知</el-link
+                              >
+                              <el-divider></el-divider>
+                              <el-link href="https://element.eleme.io" target="_blank" style="font-size: 24px;"
+                                >关于印发《吉林省2020年农村义务教育阶段学校教师特设岗位计划实施方案》的通知</el-link
+                              >
+                            </p>
+                          </el-col>
+                        </el-col>
                       </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 :span="24" class="info">
+                        <el-col :span="24" class="list">
+                          <el-col :span="19" class="title">
+                            <p class="textOver">
+                              {{ item.title }}
+                            </p>
+                          </el-col>
+                          <el-col :span="5" class="date">
+                            {{ item.date }}
+                          </el-col>
                         </el-col>
                       </el-col>
-                    </el-col>
-                    <el-col :span="24" class="info">
-                      <el-col :span="24" class="list">
-                        <el-col :span="19" class="title">
-                          <p class="textOver">
-                            {{ item.title }}
-                          </p>
+                    </el-row>
+                  </div>
+                </div>
+              </el-col>
+              <el-col :span="11" class="zhidao1">
+                <div>
+                  <div id="zhidao1">
+                    <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="5" class="date">
-                          {{ item.date }}
+                        <el-col :span="4" class="topLink">
+                          <el-link :underline="false">more</el-link>
+                        </el-col>
+                        <el-col>
+                          <el-col :span="24">
+                            <p class="textOver">
+                              <el-link href="https://element.eleme.io" target="_blank" style="font-size: 24px;"
+                                >关于印发《吉林省2020年农村义务教育阶段学校教师特设岗位计划实施方案》的通知</el-link
+                              >
+                              <el-divider></el-divider>
+                              <el-link href="https://element.eleme.io" target="_blank" style="font-size: 24px;"
+                                >关于印发《吉林省2020年农村义务教育阶段学校教师特设岗位计划实施方案》的通知</el-link
+                              >
+                              <el-divider></el-divider>
+                              <el-link href="https://element.eleme.io" target="_blank" style="font-size: 24px;"
+                                >关于印发《吉林省2020年农村义务教育阶段学校教师特设岗位计划实施方案》的通知</el-link
+                              >
+                            </p>
+                          </el-col>
                         </el-col>
                       </el-col>
-                    </el-col>
-                  </el-row>
+                      <el-col :span="24" class="info">
+                        <el-col :span="24" class="list">
+                          <el-col :span="19" class="title">
+                            <p class="textOver">
+                              {{ item.title }}
+                            </p>
+                          </el-col>
+                          <el-col :span="5" class="date">
+                            {{ item.date }}
+                          </el-col>
+                        </el-col>
+                      </el-col>
+                    </el-row>
+                  </div>
                 </div>
               </el-col>
             </el-col>
@@ -287,6 +372,20 @@ export default {
           pic: require('@a/lunbo.jpg'),
         },
       ],
+      textlist: [
+        {
+          title: '就业信息填报',
+        },
+        {
+          title: '学历认证',
+        },
+        {
+          title: '预征入伍',
+        },
+        {
+          title: '专升本报名系统',
+        },
+      ],
       bannerlist: [
         {
           pic: require('@a/banner.png'),
@@ -408,11 +507,11 @@ export default {
           display: inline-block;
           width: 110px;
           color: #fff;
-          font-size: 16px;
+          font-size: 24px;
           background-color: #176ebb;
         }
         .textOver {
-          font-size: 16px;
+          font-size: 24px;
         }
       }
       .topLink {
@@ -428,11 +527,11 @@ export default {
         height: 43px;
         line-height: 43px;
         .title {
-          font-size: 16px;
+          font-size: 24px;
           text-align: left;
         }
         .date {
-          font-size: 16px;
+          font-size: 24px;
           text-align: center;
         }
       }
@@ -447,6 +546,29 @@ export default {
       }
     }
   }
+  .text {
+    font-size: 24px;
+    text-align: center;
+  }
+  .inner {
+    font-size: 66px;
+    width: 200px;
+    // text-align: center;
+    // position: absolute;
+    bottom: 0;
+    left: 0;
+    // width: 100%;
+    height: 5px;
+    line-height: 10px;
+    text-align: center;
+    color: #fff;
+    font-weight: 700;
+  }
+
+  .login {
+    width: 200px;
+    text-align: center;
+  }
   .mainTwo {
     height: 369px;
   }
@@ -466,7 +588,7 @@ export default {
         display: inline-block;
         width: 110px;
         color: #fff;
-        font-size: 16px;
+        font-size: 24px;
         background-color: #176ebb;
       }
       .topLink {
@@ -476,7 +598,7 @@ export default {
         }
       }
       .textOver {
-        font-size: 16px;
+        font-size: 24px;
       }
     }
     .info {