更新

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:${color}`">东北地方高校就业创业协作体</span>
+              <span class="logo_txt" :style="`background:${color}`">云就业高校联盟</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:${color}; 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,7 +31,7 @@
             <el-col :span="24" class="mainOne">
               <el-col class="mainOneLeft">
                 <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>
                   <a href="" class="check-more has-icon" title="更多">MORE<i class="el-icon-video-play el-icon--right" style="color:#ccc;"></i></a>
                 </h3>
                 <el-col>
@@ -49,7 +53,7 @@
               </el-col>
               <el-col class="mainOneRight">
                 <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>
                   <a href="" class="check-more has-icon" title="更多">MORE<i class="el-icon-video-play el-icon--right" style="color:#ccc;"></i></a>
                 </h3>
                 <el-col :span="24">
@@ -97,7 +101,7 @@
                   <el-calendar v-model="value"> </el-calendar>
                 </el-col>
                 <el-col class="mainThrSideExp">
-                  <el-col class="sideExpTit">
+                  <el-col class="sideExpTit" :style="`background:${color}`">
                     <i class="el-icon-s-custom"></i>
                     <h3>快速通道</h3>
                   </el-col>
@@ -120,7 +124,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">
@@ -492,6 +496,8 @@ export default {
     topMenu,
   },
   data: () => ({
+    color: '#ccc',
+    borderCol: '#ccc',
     input: '',
     activeIndex: '1',
     value: new Date(),
@@ -622,10 +628,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 +642,7 @@ img {
   border-radius: 0;
   padding: 0px 0 0 0;
   background: #850000;
-  border-color: #850000;
+  border: 2px solid;
 }
 .menu {
   position: relative;
@@ -712,7 +721,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;