ADD:修改所有search-nav，更改样式

src/components/commons/SearchBar.vue

@@ -4,8 +4,8 @@
     <el-row class="search-nav" style="padding: 30px 0 20px 0">
       <el-col :span="6">
         <div class="pull-left">
-          <img class="logo-img" src="../../assets/img/logo-blue.png"/>
-          <span class="logo-title">{{logoTitle}}</span>
+<!--          <img class="logo-img" src="../../assets/img/logo-blue.png"/>-->
+<!--          <span class="logo-title">{{logoTitle}}</span>-->
         </div>
       </el-col>
       <el-col :span="12">

src/pages/DetailPage/CrowdDetail.vue

@@ -2,15 +2,15 @@
   <div>
     <div class="nav" stype="height:500px">
       <!--搜索框-->
-      <el-row class="search-nav" style="padding: 30px 0 20px 0">
-        <el-col :span="6">
-          <div class="pull-left" @click="gotoHome" style="cursor: pointer">
-            <img class="logo-img" src="../../assets/image/logo-transparent.png"/>
-            <span class="logo-title">{{logoTitle}}</span>
+      <el-row class="container search-nav" style="padding: 30px 0 20px 0" :gutter="40">
+        <el-col :span="5">
+          <div class="pull-left to-mooctest-ranking" @click="handleLogoClick">
+            <!--            <img class="logo-img" :src="logo_transparent" :to="'/home'"/>-->
+            <!--            <span class="logo-title">{{ logoTitle }}</span>-->
           </div>
         </el-col>
-        <el-col :span="12">
-          <div class="search-nav">
+        <el-col :span="15">
+          <div class="search-nav-input">
             <div id="search-block " class="">
               <el-tabs v-model="searchType" type="card">
                 <el-tab-pane v-for="item in tabArr" :label="item.label" :name="item.name"
@@ -24,7 +24,7 @@
             </div>
           </div>
         </el-col>
-        <el-col :span="6">
+        <el-col :span="4">
           <el-button type="primary pull-right" class="releaseBtn" @click="checkLogin()">免费发布众测需求</el-button>
         </el-col>
       </el-row>

src/pages/Homepage/Homepage.vue

@@ -5,8 +5,8 @@
       <el-row class="container search-nav" style="padding: 30px 0 20px 0" :gutter="40">
         <el-col :span="5">
           <div class="pull-left to-mooctest-ranking" @click="handleLogoClick">
-            <img class="logo-img" :src="logo_transparent" :to="'/home'"/>
-            <span class="logo-title">{{ logoTitle }}</span>
+<!--            <img class="logo-img" :src="logo_transparent" :to="'/home'"/>-->
+<!--            <span class="logo-title">{{ logoTitle }}</span>-->
           </div>
         </el-col>
         <el-col :span="15">

src/pages/Homepage/RankingCard.vue

@@ -40,19 +40,23 @@ export default {
 }
 
 .ranking-card1{
-  background-image: url("~@/assets/image/ranking-bcg4.png");
+  background-image: url("~@/assets/image/ranking-bcg1.png");
 }
 .ranking-card2{
-  background-image: url("~@/assets/image/ranking-bcg4.png");
+  background-image: url("~@/assets/image/ranking-bcg2.png");
 }
 .ranking-card3{
-  background-image: url("~@/assets/image/ranking-bcg4.png");
+  background-image: url("~@/assets/image/ranking-bcg3.png");
 }
 .wrap-mask {
   height:100%;
   width:100%;
-  background: rgba(241, 5, 5, 0.2);
+  background: rgba(64, 53, 53, 0.6);
   border-radius: 4px;
+  color: white;
+}
+.wrap-mask:hover{
+  font-size: 28px;
 }
 
 </style>

src/pages/HomepageSearch/AgencyList.vue

@@ -3,15 +3,15 @@
     <!--    <TopSearch :searchVal="searchVal" :searchType="searchType" :searchTypeArr="searchTypeArr"/>-->
     <div class="nav" stype="height:500px">
       <!--搜索框-->
-      <el-row class="search-nav" style="padding: 30px 0 20px 0">
-        <el-col :span="6">
-          <div class="pull-left" @click="gotoHome" style="cursor: pointer">
-            <img class="logo-img" src="../../assets/image/logo-transparent.png"/>
-            <span class="logo-title">{{logoTitle}}</span>
+      <el-row class="container search-nav" style="padding: 30px 0 20px 0" :gutter="40">
+        <el-col :span="5">
+          <div class="pull-left to-mooctest-ranking" @click="handleLogoClick">
+            <!--            <img class="logo-img" :src="logo_transparent" :to="'/home'"/>-->
+            <!--            <span class="logo-title">{{ logoTitle }}</span>-->
           </div>
         </el-col>
-        <el-col :span="12">
-          <div class="search-nav">
+        <el-col :span="15">
+          <div class="search-nav-input">
             <div id="search-block ">
               <el-tabs v-model="searchType" type="card" @tab-click="handleTypeClick">
                 <el-tab-pane v-for="item in searchTypeArr" v-if="item.value!=='all'" :label="item.name"
@@ -26,7 +26,7 @@
             </div>
           </div>
         </el-col>
-        <el-col :span="6">
+        <el-col :span="4">
           <el-button type="primary pull-right" class="releaseBtn" @click="checkLogin()">免费发布众测需求</el-button>
         </el-col>
       </el-row>

src/pages/HomepageSearch/AgencyResidentList.vue

@@ -3,15 +3,15 @@
     <!--    <TopSearch :searchVal="searchVal" :searchType="searchType" :searchTypeArr="searchTypeArr"/>-->
     <div class="nav" stype="height:500px">
       <!--搜索框-->
-      <el-row class="search-nav" style="padding: 30px 0 20px 0">
-        <el-col :span="6">
-          <div class="pull-left" @click="gotoHome" style="cursor: pointer">
-            <img class="logo-img" src="../../assets/image/logo-transparent.png"/>
-            <span class="logo-title">{{logoTitle}}</span>
+      <el-row class="container search-nav" style="padding: 30px 0 20px 0" :gutter="40">
+        <el-col :span="5">
+          <div class="pull-left to-mooctest-ranking" @click="handleLogoClick">
+            <!--            <img class="logo-img" :src="logo_transparent" :to="'/home'"/>-->
+            <!--            <span class="logo-title">{{ logoTitle }}</span>-->
           </div>
         </el-col>
-        <el-col :span="12">
-          <div class="search-nav">
+        <el-col :span="15">
+          <div class="search-nav-input">
             <div id="search-block ">
               <el-tabs v-model="searchType" type="card" @tab-click="handleTypeClick">
                 <el-tab-pane v-for="item in searchTypeArr" v-if="item.value!=='all'" :label="item.name"
@@ -26,7 +26,7 @@
             </div>
           </div>
         </el-col>
-        <el-col :span="6">
+        <el-col :span="4">
           <el-button type="primary pull-right" class="releaseBtn" @click="checkLogin()">免费发布众测需求</el-button>
         </el-col>
       </el-row>

src/pages/HomepageSearch/CompetitionList.vue

@@ -3,15 +3,15 @@
     <!--    <TopSearch :searchVal="searchVal" :searchType="searchType" :searchTypeArr="searchTypeArr"/>-->
     <div class="nav" stype="height:500px">
       <!--搜索框-->
-      <el-row class="search-nav" style="padding: 30px 0 20px 0">
-        <el-col :span="6">
-          <div class="pull-left" @click="gotoHome" style="cursor: pointer">
-            <img class="logo-img" src="../../assets/image/logo-transparent.png"/>
-            <span class="logo-title">{{logoTitle}}</span>
+      <el-row class="container search-nav" style="padding: 30px 0 20px 0" :gutter="40">
+        <el-col :span="5">
+          <div class="pull-left to-mooctest-ranking" @click="handleLogoClick">
+            <!--            <img class="logo-img" :src="logo_transparent" :to="'/home'"/>-->
+            <!--            <span class="logo-title">{{ logoTitle }}</span>-->
           </div>
         </el-col>
-        <el-col :span="12">
-          <div class="search-nav">
+        <el-col :span="15">
+          <div class="search-nav-input">
             <div id="search-block ">
               <el-tabs v-model="searchType" type="card" @tab-click="handleTypeClick">
                 <el-tab-pane v-for="item in searchTypeArr" v-if="item.value!=='all'" :label="item.name"
@@ -26,7 +26,7 @@
             </div>
           </div>
         </el-col>
-        <el-col :span="6">
+        <el-col :span="4">
           <el-button type="primary pull-right" class="releaseBtn" @click="checkLogin()">免费发布众测需求</el-button>
         </el-col>
       </el-row>

src/pages/HomepageSearch/CrowdList.vue

@@ -3,15 +3,15 @@
     <!--    <TopSearch :searchVal="searchVal" :searchType="searchType" :searchTypeArr="searchTypeArr"/>-->
     <div class="nav" stype="height:500px">
       <!--搜索框-->
-      <el-row class="search-nav" style="padding: 30px 0 20px 0">
-        <el-col :span="6">
-          <div class="pull-left" @click="gotoHome" style="cursor: pointer">
-            <img class="logo-img" src="../../assets/image/logo-transparent.png"/>
-            <span class="logo-title">{{logoTitle}}</span>
+      <el-row class="container search-nav" style="padding: 30px 0 20px 0" :gutter="40">
+        <el-col :span="5">
+          <div class="pull-left to-mooctest-ranking" @click="handleLogoClick">
+            <!--            <img class="logo-img" :src="logo_transparent" :to="'/home'"/>-->
+            <!--            <span class="logo-title">{{ logoTitle }}</span>-->
           </div>
         </el-col>
-        <el-col :span="12">
-          <div class="search-nav">
+        <el-col :span="15">
+          <div class="search-nav-input">
             <div id="search-block ">
               <el-tabs v-model="searchType" type="card" @tab-click="handleTypeClick">
                 <el-tab-pane v-for="item in searchTypeArr" v-if="item.value!=='all'" :label="item.name"
@@ -26,7 +26,7 @@
             </div>
           </div>
         </el-col>
-        <el-col :span="6">
+        <el-col :span="4">
           <el-button type="primary pull-right" class="releaseBtn" @click="checkLogin()">免费发布众测需求</el-button>
         </el-col>
       </el-row>

src/pages/HomepageSearch/ExpertList.vue

@@ -3,15 +3,15 @@
     <!--    <TopSearch :searchVal="searchVal" :searchType="searchType" :searchTypeArr="searchTypeArr"/>-->
     <div class="nav" stype="height:500px">
       <!--搜索框-->
-      <el-row class="search-nav" style="padding: 30px 0 20px 0">
-        <el-col :span="6">
-          <div class="pull-left" @click="gotoHome" style="cursor: pointer">
-            <img class="logo-img" src="../../assets/image/logo-transparent.png"/>
-            <span class="logo-title">{{logoTitle}}</span>
+      <el-row class="container search-nav" style="padding: 30px 0 20px 0" :gutter="40">
+        <el-col :span="5">
+          <div class="pull-left to-mooctest-ranking" @click="handleLogoClick">
+            <!--            <img class="logo-img" :src="logo_transparent" :to="'/home'"/>-->
+            <!--            <span class="logo-title">{{ logoTitle }}</span>-->
           </div>
         </el-col>
-        <el-col :span="12">
-          <div class="search-nav">
+        <el-col :span="15">
+          <div class="search-nav-input">
             <div id="search-block ">
               <el-tabs v-model="searchType" type="card" @tab-click="handleTypeClick">
                 <el-tab-pane v-for="item in searchTypeArr" v-if="item.value!=='all'" :label="item.name"
@@ -26,7 +26,7 @@
             </div>
           </div>
         </el-col>
-        <el-col :span="6">
+        <el-col :span="4">
           <el-button type="primary pull-right" class="releaseBtn" @click="checkLogin()">免费发布众测需求</el-button>
         </el-col>
       </el-row>

src/pages/HomepageSearch/ResourceList.vue

@@ -3,15 +3,15 @@
     <!--    <TopSearch :searchVal="searchVal" :searchType="searchType" :searchTypeArr="searchTypeArr"/>-->
     <div class="nav" stype="height:500px">
       <!--搜索框-->
-      <el-row class="search-nav" style="padding: 30px 0 20px 0">
-        <el-col :span="6">
-          <div class="pull-left" @click="gotoHome" style="cursor: pointer">
-            <img class="logo-img" src="../../assets/image/logo-transparent.png"/>
-            <span class="logo-title">{{logoTitle}}</span>
+      <el-row class="container search-nav" style="padding: 30px 0 20px 0" :gutter="40">
+        <el-col :span="5">
+          <div class="pull-left to-mooctest-ranking" @click="handleLogoClick">
+            <!--            <img class="logo-img" :src="logo_transparent" :to="'/home'"/>-->
+            <!--            <span class="logo-title">{{ logoTitle }}</span>-->
           </div>
         </el-col>
-        <el-col :span="12">
-          <div class="search-nav">
+        <el-col :span="15">
+          <div class="search-nav-input">
             <div id="search-block ">
               <el-tabs v-model="searchType" type="card" @tab-click="handleTypeClick">
                 <el-tab-pane v-for="item in searchTypeArr" v-if="item.value!=='all'" :label="item.name"
@@ -26,7 +26,7 @@
             </div>
           </div>
         </el-col>
-        <el-col :span="6">
+        <el-col :span="4">
           <el-button type="primary pull-right" class="releaseBtn" @click="checkLogin()">免费发布众测需求</el-button>
         </el-col>
       </el-row>

src/pages/HomepageSearch/UserList.vue

@@ -3,15 +3,15 @@
     <!--    <TopSearch :searchVal="searchVal" :searchType="searchType" :searchTypeArr="searchTypeArr"/>-->
     <div class="nav" stype="height:500px">
       <!--搜索框-->
-      <el-row class="search-nav" style="padding: 30px 0 20px 0">
-        <el-col :span="6">
-          <div class="pull-left" @click="gotoHome" style="cursor: pointer">
-            <img class="logo-img" src="../../assets/image/logo-transparent.png"/>
-            <span class="logo-title">{{logoTitle}}</span>
+      <el-row class="container search-nav" style="padding: 30px 0 20px 0" :gutter="40">
+        <el-col :span="5">
+          <div class="pull-left to-mooctest-ranking" @click="handleLogoClick">
+            <!--            <img class="logo-img" :src="logo_transparent" :to="'/home'"/>-->
+            <!--            <span class="logo-title">{{ logoTitle }}</span>-->
           </div>
         </el-col>
-        <el-col :span="12">
-          <div class="search-nav">
+        <el-col :span="15">
+          <div class="search-nav-input">
             <div id="search-block ">
               <el-tabs v-model="searchType" type="card" @tab-click="handleTypeClick">
                 <el-tab-pane v-for="item in searchTypeArr" v-if="item.value!=='all'" :label="item.name"
@@ -26,7 +26,7 @@
             </div>
           </div>
         </el-col>
-        <el-col :span="6">
+        <el-col :span="4">
           <el-button type="primary pull-right" class="releaseBtn" @click="checkLogin()">免费发布众测需求</el-button>
         </el-col>
       </el-row>

src/pages/Square/Square2.0.vue

@@ -5,8 +5,8 @@
       <el-row class="container search-nav" style="padding: 30px 0 20px 0">
         <el-col :span="5">
           <div class="pull-left to-mooctest-ranking" @click="handleLogoClick">
-            <img class="logo-img" :src="logo_transparent" :to="'/home'"/>
-            <span class="logo-title">{{ logoTitle }}</span>
+<!--            <img class="logo-img" :src="logo_transparent" :to="'/home'"/>-->
+<!--              <span class="logo-title">{{ logoTitle }}</span>-->
           </div>
         </el-col>
         <el-col :span="15">

src/pages/Technology/Technology2.0.vue

@@ -5,8 +5,8 @@
       <el-row class="container search-nav" style="padding: 30px 0 20px 0">
         <el-col :span="5">
           <div class="pull-left to-mooctest-ranking" @click="handleLogoClick">
-            <img class="logo-img" :src="logo_transparent" :to="'/home'"/>
-            <span class="logo-title">{{ logoTitle }}</span>
+<!--            <img class="logo-img" :src="logo_transparent" :to="'/home'"/>-->
+<!--            <span class="logo-title">{{ logoTitle }}</span>-->
           </div>
         </el-col>
         <el-col :span="15">

src/pages/Technology/TechnologyMore.vue

@@ -2,15 +2,15 @@
   <div class="technology-container">
     <div class="nav" stype="height:500px">
       <!--搜索框-->
-      <el-row class="search-nav" style="padding: 30px 0 20px 0">
-        <el-col :span="6">
-          <div class="pull-left" @click="gotoHome" style="cursor: pointer">
-            <img class="logo-img" src="../../assets/image/logo-transparent.png" />
-            <span class="logo-title">{{logoTitle}}</span>
+      <el-row class="container search-nav" style="padding: 30px 0 20px 0" :gutter="40">
+        <el-col :span="5">
+          <div class="pull-left to-mooctest-ranking" @click="handleLogoClick">
+            <!--            <img class="logo-img" :src="logo_transparent" :to="'/home'"/>-->
+            <!--            <span class="logo-title">{{ logoTitle }}</span>-->
           </div>
         </el-col>
-        <el-col :span="12">
-          <div class="search-nav">
+        <el-col :span="15">
+          <div class="search-nav-input">
             <div id="search-block " class="">
                 <el-tabs v-model="searchType" type="card" @tab-click="handleTypeClick">
                   <el-tab-pane v-for="item in searchTypeArr" :label="item.label" :name="item.value" :key="item.value"></el-tab-pane>
@@ -21,7 +21,7 @@
             </div>
           </div>
         </el-col>
-        <el-col :span="6">
+        <el-col :span="4">
           <el-button type="primary pull-right" class="releaseBtn" @click="checkLogin()">免费发布众测需求</el-button>
         </el-col>
       </el-row>

src/style/search-nav.scss

@@ -69,9 +69,12 @@
 .to-mooctest-ranking {
   background-image: url("~@/assets/image/ranking-bcg.png");
   background-size: 100% 100%;
-  width: 100%;
-  height: 66px;
+  width: 160px;
+  height: 50px;
   padding-top: 14px;
+  box-sizing: border-box;
+  margin-top: 20px;
+  cursor: pointer;
 }
 .search-nav-input {
   width: 600px;