Merge branch 'master' of http://git.cc-lotus.info/smart-jobs/web-portal

src/layout/layout-part/top-menu.vue

@@ -120,7 +120,6 @@ export default {
 }
 /deep/.menu .el-menu.el-menu--horizontal {
   border-bottom: none;
-  background: #850000;
 }
 /deep/.el-menu--horizontal > .el-menu-item.is-active {
   color: #fff;

src/views/index/index.vue

@@ -6,12 +6,16 @@
           <div class="w_1200">
             <el-col :span="12" class="logo">
               <img src="../../assets/1471422360-3448.png" width="600" height="100" />
-              <span class="logo_txt">东北地方高校就业创业协作体</span>
-              <span class="logo_txt">云就业高校联盟</span>
+              <span class="logo_txt" :style="`background:${backColor}`">东北地方高校就业创业协作体</span>
+              <span class="logo_txt" :style="`background:${backColor}`">云就业高校联盟</span>
             </el-col>
             <el-col :span="12" class="search">
-              <el-col :span="3" style="float: right;"><el-button type="danger" icon="el-icon-search"></el-button></el-col>
-              <el-col :span="10" style="float: right;"><el-input v-model="input" placeholder="请输入内容"></el-input></el-col>
+              <el-col :span="3" style="float: right;"
+                ><el-button type="danger" icon="el-icon-search" :style="`background:${backColor}; border-color:${borderCol}`"></el-button
+              ></el-col>
+              <el-col :span="10" style="float: right;" class="searchInput" :style="`border-color:${borderCol}`"
+                ><el-input v-model="input" placeholder="请输入内容"></el-input
+              ></el-col>
             </el-col>
           </div>
         </div>
@@ -27,8 +31,10 @@
             <el-col :span="24" class="mainOne">
               <el-col class="mainOneLeft">
                 <h3 class="pub-tit mb10">
-                  <span class="tit-text j-focus-news-tab">就业新闻</span>
-                  <a href="" class="check-more has-icon" title="更多">MORE<i class="el-icon-video-play el-icon--right" style="color:#ccc;"></i></a>
+                  <span class="tit-text j-focus-news-tab" :style="`border-color:${borderCol}`">就业新闻</span>
+                  <a href="" class="check-more has-icon" title="更多" :style="`color:${color}`"
+                    >MORE<i class="el-icon-video-play el-icon--right" style="color:#ccc;"></i
+                  ></a>
                 </h3>
                 <el-col>
                   <div class="block" style="width: 460px;float: left;">
@@ -49,14 +55,15 @@
               </el-col>
               <el-col class="mainOneRight">
                 <h3 class="pub-tit mb10">
-                  <span class="tit-text j-focus-news-tab">最新公告</span>
-                  <a href="" class="check-more has-icon" title="更多">MORE<i class="el-icon-video-play el-icon--right" style="color:#ccc;"></i></a>
+                  <span class="tit-text j-focus-news-tab" :style="`border-color:${borderCol}`">最新公告</span>
+                  <a href="" class="check-more has-icon" title="更多" :style="`color:${color}`"
+                    >MORE<i class="el-icon-video-play el-icon--right" style="color:#ccc;"></i
+                  ></a>
                 </h3>
                 <el-col :span="24">
                   <ul class="notice-list">
                     <li class="item" v-for="(tag, index) in gongList" :key="index" :type="tag.type">
-                      <span class="mark" style="width:50px;">{{ tag.date }}</span>
-                      <img class="mark_img" src="../../assets/右箭头 (1).png" />
+                      <span class="mark" style="width:50px;" :style="`background:${backColor}`">{{ tag.date }}</span>
                       <a target="_blank" href="" class="link" title="">{{ tag.title }}</a>
                     </li>
                   </ul>
@@ -97,7 +104,7 @@
                   <el-calendar v-model="value"> </el-calendar>
                 </el-col>
                 <el-col class="mainThrSideExp">
-                  <el-col class="sideExpTit">
+                  <el-col class="sideExpTit" :style="`background:${backColor}`">
                     <i class="el-icon-s-custom"></i>
                     <h3>快速通道</h3>
                   </el-col>
@@ -120,7 +127,7 @@
                 </el-col>
                 <el-col class="mainThrSideCom">
                   <h3 class="pub-tit mb10">
-                    <span class="tit-text j-focus-news-tab">合作单位</span>
+                    <span class="tit-text j-focus-news-tab" :style="`border-color:${borderCol}`">合作单位</span>
                   </h3>
                   <el-col>
                     <el-carousel height="200px" direction="vertical" :autoplay="true">
@@ -130,7 +137,7 @@
                     </el-carousel>
                   </el-col>
                   <el-col class="mainThrSideCont">
-                    <h4 class="ii-tit">联系我们</h4>
+                    <h4 class="ii-tit" :style="`color:${color}`">联系我们</h4>
                     <p class="ii-text">联系地址：长春市朝阳区延安大街2055号</p>
                     <p class="ii-text">邮政编码：130012</p>
                     <p class="ii-text">服务热线：0431-85716395；0431-85717117</p>
@@ -141,7 +148,7 @@
                 </el-col>
               </el-col>
               <el-col class="mainThrMain">
-                <el-col class="ThrMainSch">
+                <el-col class="ThrMainSch" :style="`border-color:${borderCol}`">
                   <el-tabs type="border-card">
                     <el-tab-pane label="校内宣讲">
                       <el-row class="intraLink">
@@ -228,9 +235,11 @@
                       </el-row>
                     </el-tab-pane>
                   </el-tabs>
-                  <a href="" class="tabsMore" target="_blank" title="更多">MORE<i class="el-icon-video-play el-icon--right" style="color:#ccc;"></i></a>
+                  <a href="" class="tabsMore" target="_blank" title="更多" :style="`color:${color}`"
+                    >MORE<i class="el-icon-video-play el-icon--right" style="color:#ccc;"></i
+                  ></a>
                 </el-col>
-                <el-col class="ThrMainExa">
+                <el-col class="ThrMainExa" :style="`border-color:${borderCol}`">
                   <el-tabs type="border-card">
                     <el-tab-pane label="吉林省事业单位招聘">
                       <ul class="ThrMainExaUnit">
@@ -257,9 +266,11 @@
                       </ul>
                     </el-tab-pane>
                   </el-tabs>
-                  <a href="" class="tabsMore" target="_blank" title="更多">MORE<i class="el-icon-video-play el-icon--right" style="color:#ccc;"></i></a>
+                  <a href="" class="tabsMore" target="_blank" title="更多" :style="`color:${color}`"
+                    >MORE<i class="el-icon-video-play el-icon--right" style="color:#ccc;"></i
+                  ></a>
                 </el-col>
-                <el-col class="ThrMainGov">
+                <el-col class="ThrMainGov" :style="`border-color:${borderCol}`">
                   <el-tabs type="border-card">
                     <el-tab-pane label="事业单位">
                       <ul class="ThrMainGovIns">
@@ -353,14 +364,16 @@
                       </ul>
                     </el-tab-pane>
                   </el-tabs>
-                  <a href="" class="tabsMore" target="_blank" title="更多">MORE<i class="el-icon-video-play el-icon--right" style="color:#ccc;"></i></a>
+                  <a href="" class="tabsMore" target="_blank" title="更多" :style="`color:${color}`"
+                    >MORE<i class="el-icon-video-play el-icon--right" style="color:#ccc;"></i
+                  ></a>
                 </el-col>
                 <el-col class="ThrMainLogin">
                   <el-link :underline="false"><img src="../../assets/1461290712106172.png"/></el-link>
                   <el-link :underline="false"><img src="../../assets/ncss_student.jpg"/></el-link>
                   <el-link :underline="false"><img src="../../assets/ncss_company.jpg"/></el-link>
                 </el-col>
-                <el-col class="ThrMainOne">
+                <el-col class="ThrMainOne" :style="`border-color:${borderCol}`">
                   <el-tabs type="border-card">
                     <el-tab-pane label="一站式招聘信息">
                       <ul class="ThrMainOneTit">
@@ -375,17 +388,19 @@
                       </ul>
                     </el-tab-pane>
                   </el-tabs>
-                  <a href="" class="tabsMore" target="_blank" title="更多">MORE<i class="el-icon-video-play el-icon--right" style="color:#ccc;"></i></a>
+                  <a href="" class="tabsMore" target="_blank" title="更多" :style="`color:${color}`"
+                    >MORE<i class="el-icon-video-play el-icon--right" style="color:#ccc;"></i
+                  ></a>
                 </el-col>
               </el-col>
             </el-col>
             <el-col :span="24" class="mainFour">
               <div class="friendly-link">
                 <div class="tab">
-                  <div class="tab-head">
+                  <div class="tab-head" :style="`border-color:${borderCol}`">
                     <ul class="tab-list">
                       <li class="tab-item curr">
-                        <span class="tab-text">友情链接</span>
+                        <span class="tab-text" :style="`color:${color}`">友情链接</span>
                       </li>
                     </ul>
                   </div>
@@ -492,6 +507,9 @@ export default {
     topMenu,
   },
   data: () => ({
+    color: '#850000',
+    backColor: '#850000',
+    borderCol: '#850000',
     input: '',
     activeIndex: '1',
     value: new Date(),
@@ -622,10 +640,13 @@ img {
 .search {
   padding: 235px 0 0 0;
 }
+.search .searchInput {
+  border: 2px solid;
+}
 /deep/.search .el-input__inner {
-  height: 30px;
+  height: 26px;
   border-radius: 0;
-  border: 2px solid #850000;
+  border: none;
 }
 /deep/.search .el-button {
   width: 60px;
@@ -633,7 +654,7 @@ img {
   border-radius: 0;
   padding: 0px 0 0 0;
   background: #850000;
-  border-color: #850000;
+  border: 2px solid;
 }
 .menu {
   position: relative;
@@ -712,7 +733,7 @@ img {
   margin-bottom: 10px !important;
 }
 .pub-tit .tit-text {
-  border-bottom: 2px solid #850000;
+  border-bottom: 2px solid;
   display: inline-block;
   font-size: 16px;
   vertical-align: middle;
@@ -964,7 +985,7 @@ img {
   width: 100%;
   height: 309px;
   margin-bottom: 20px;
-  border-top: 2px solid #850000;
+  border-top: 2px solid;
 }
 .tabsMore {
   position: absolute;
@@ -1147,7 +1168,7 @@ img {
   width: 100%;
   height: 309px;
   margin-bottom: 20px;
-  border-top: 2px solid #850000;
+  border-top: 2px solid;
 }
 
 .ThrMainExaUnit {
@@ -1205,7 +1226,7 @@ img {
   width: 100%;
   height: 309px;
   margin-bottom: 20px;
-  border-top: 2px solid #850000;
+  border-top: 2px solid;
 }
 .ThrMainGovIns {
   background-color: #fff;
@@ -1289,7 +1310,7 @@ img {
   width: 100%;
   height: 285px;
   margin-bottom: 20px;
-  border-top: 2px solid #850000;
+  border-top: 2px solid;
 }
 .ThrMainOneTit {
   background-color: #fff;
@@ -1358,7 +1379,7 @@ img {
 }
 .mainFour .tab .tab-head {
   background-color: #fbfbfb;
-  border-top: 3px solid #a90d0d;
+  border-top: 2px solid;
   border-bottom: 1px solid #ddd;
   height: 48px;
   position: relative;