一级页面搜索框公共样式

src/App.vue

@@ -285,7 +285,7 @@
     }  
   }
 
-  .twoStyle{  //左边两边对齐，右边靠右的靠右样式
+  .twoStyle{  //左边两边对齐，右边靠右的靠右样式资金管理页面里的
     display: flex !important;
     justify-content: flex-end;
   }
@@ -345,4 +345,94 @@
     }
 
 
+    .selects{  //一级页面搜索框，不包含项目管理、成果展示
+      width: 100%;
+      margin-top: 20px;
+      display: flex;
+      flex-wrap: wrap;
+      margin-bottom: 20px;
+      .selectsBlock{
+        display: flex;
+        margin-right: 30px;
+        margin-bottom: 20px;
+      }
+      .selectLabel{
+        width: 64px;
+        font-size: 16px;
+        margin-right: 10px;
+        display: inline-block;
+        font-weight:bolder;
+        text-align: justify;
+        text-justify:distribute-all-lines;
+        text-align-last: justify;
+        transform: translate(0,22%);
+      }
+    }
+
+    .selectInp{// 搜索框 项目管理、成果展示 一级页面
+      display: flex;
+      justify-content: space-between;
+      margin-top: 20px;
+      position: relative;
+      width: 99%;
+      .manageSelects{
+        display: flex;
+        flex-wrap: wrap;
+        width: 80%;
+        .selectsBlock{
+          display: flex;
+          margin-right: 30px;
+          margin-bottom: 20px;
+        }
+        .selectLabel{
+          width: 64px;
+          font-size: 16px;
+          margin-right: 10px;
+          display: inline-block;
+          font-weight:bolder;
+          text-align: justify;
+          text-justify:distribute-all-lines;
+          text-align-last: justify;
+          transform: translate(0,22%);
+        }
+      }
+      .ProjectManagementQuery{
+          display: flex;
+          position: absolute;
+          right: 0;
+          .btn{
+            font-size: 16px;
+            margin-left: 10px;
+            background: #2268bc;
+          }
+        }
+    }
+
+
+    .twoSelectInp{   //搜索框    创业公司登记、消息提示
+      width: 100%;
+      display: flex;
+      justify-content: space-between;
+      margin-top: 20px;
+      margin-bottom: 10px;
+      .selectTwo{
+          display: flex;
+          flex-wrap: wrap;
+          width: 80%;
+          .selectsBlock{
+            margin-bottom: 5px;
+            .btn2{
+                font-size: 14px;
+                margin-left: 10px;
+                background: #2268bc;
+            }
+          }
+
+        }
+      }
+
+
+
+
+
 </style>

src/views/ProjectManagement.vue

@@ -8,7 +8,7 @@
 
 <!-- 搜索栏开始 -->
     <div class="selectInp">
-      <div class="selects">
+      <div class="manageSelects">
       <div class="selectsBlock">
         <span class="selectLabel">项目筛选</span>
         <el-select v-model="pavalues.value" placeholder="我的项目">
@@ -189,52 +189,9 @@
       flex-shrink: 0;
     }
   }
-  .ProjectManagementQuery{
-    display: flex;
-    position: absolute;
-    right: 0;
-    .btn{
-      font-size: 16px;
-      margin-left: 10px;
-      background: #2268bc;
-    }
-  }
-
-
-  .selectInp{
-    // width: 100%;
-    display: flex;
-    justify-content: space-between;
-    margin-top: 20px;
-    position: relative;
-
-    .selects{
-      display: flex;
-      flex-wrap: wrap;
-      width: 80%;
-      // margin-bottom: 5px;
-      .selectsBlock{
-        display: flex;
-        margin-right: 30px;
-        margin-bottom: 20px;
-      }
-      .selectLabel{
-        width: 64px;
-        font-size: 16px;
-        margin-right: 10px;
-        display: inline-block;
-        font-weight:bolder;
-        text-align: justify;
-        text-justify:distribute-all-lines;
-        text-align-last: justify;
-        transform: translate(0,22%);
-        }
-    }
-
-    
+  
 
 
-  }
   
     .projectBlock{
       box-sizing: border-box;

src/views/credit.vue

@@ -162,38 +162,5 @@
 </script>
 
 <style lang="less">
-.credit{
 
-  .selects{
-    width: 100%;
-    margin: 20px 0;
-    display: flex;
-    flex-wrap: wrap;
-    .selectsBlock{
-      display: flex;
-      margin-right: 30px;
-      margin-bottom: 10px;
-    }
-    .selectLabel{
-      width: 64px;
-      font-size: 16px;
-      margin-right: 10px;
-      display: flex;
-      justify-content: flex-end;
-      align-items: center;
-      // display: inline-block;
-      // font-weight:bolder;
-      // text-align: justify;
-      // text-justify:distribute-all-lines;
-      // text-align-last: justify;
-      // transform: translate(0,22%);
-    }
-  }
-  .operations{
-    flex-shrink: 0;
-      .bt1{
-        font-size: 14px;
-      }
-  }
-}
 </style>

src/views/firm.vue

@@ -5,8 +5,8 @@
       </div>
       <hr>
       
-      <div class="selectInp">
-        <div class="selects">
+      <div class="twoSelectInp">
+        <div class="selectTwo">
             <div class="selectsBlock">
                 <el-input v-model="input" style="width:200px" placeholder="请输入"></el-input>
                 <el-button type="primary" class="btn2" >查询</el-button>
@@ -120,37 +120,9 @@
         background: #477edd;
       }
     }
-  
+
     
-    .operations{
-      flex-shrink: 0;
-      .bt1{
-        flex-shrink: 0;
-        font-size: 14px;
-      }
-    }
     
-    .selectInp{   //搜索框大框
-      width: 100%;
-      display: flex;
-      justify-content: space-between;
-      margin-top: 20px;
-      margin-bottom: 10px;
-      .selects{
-          display: flex;
-          flex-wrap: wrap;
-          width: 80%;
-          .selectsBlock{
-            margin-bottom: 5px;
-            .btn2{
-                font-size: 14px;
-                margin-left: 10px;
-                background: #2268bc;
-            }
-          }
-
-        }
-      }
       
     .btn{   //上传文件
       width: 100px;

src/views/makerActvity.vue

@@ -348,29 +348,6 @@
       border-radius:5px;
       overflow: hidden;
     }
-  .selects{   //搜索栏
-    width: 100%;
-    margin-top: 20px;
-    display: flex;
-    flex-wrap: wrap;
-    margin-bottom: 20px;
-    .selectsBlock{
-      display: flex;
-      margin-right: 30px;
-      margin-bottom: 10px;
-    }
-    .selectLabel{
-      width: 64px;
-      font-size: 16px;
-      margin-right: 10px;
-      display: inline-block;
-      font-weight:bolder;
-      text-align: justify;
-      text-justify:distribute-all-lines;
-      text-align-last: justify;
-      transform: translate(0,22%);
-    }
-  }
 
   .projectApplicationfundAddDialog{  //完结对话框的
 

src/views/makerfund.vue

@@ -344,28 +344,7 @@
 
 
 
-  .selects{
-    width: 100%;
-    margin-top: 20px;
-    display: flex;
-    flex-wrap: wrap;
-    .selectsBlock{
-      display: flex;
-      margin-bottom: 10px;
-      margin-right: 30px;
-    }
-    .selectLabel{
-      width: 64px;
-      font-size: 16px;
-      margin-right: 10px;
-      display: inline-block;
-      font-weight:bolder;
-      text-align: justify;
-      text-justify:distribute-all-lines;
-      text-align-last: justify;
-      transform: translate(0,22%);
-    }
-  }
+
   .operations{
     display: flex;
     flex-shrink: 0;

src/views/messageNotification.vue

@@ -5,8 +5,8 @@
     </div>
     <hr>
     
-    <div class="selectInp">
-      <div class="selects">
+    <div class="twoSelectInp">
+      <div class="selectTwo">
           <div class="selectsBlock">
               <el-input v-model="input" style="width:200px" placeholder="请输入"></el-input>
               <el-button type="primary" class="btn2" >查询</el-button>
@@ -211,28 +211,6 @@
       overflow: hidden;
     }
 
-
-  .selects{
-    display: flex;
-    flex-wrap: wrap;
-    width: 100%;
-    .selectsBlock{
-      margin-bottom: 5px;
-      flex-shrink: 0;
-      .btn2{
-          font-size: 12px;
-          margin-left: 10px;
-          font-size: 14px;
-          background: #2268bc;
-      }
-    }
-  }
-  .operations{
-    flex-shrink: 0;
-    .btt{
-      flex-shrink: 0;
-    }
-  }
   
   .btn{
     height: 35px;
@@ -240,10 +218,7 @@
     background: #477edd;
     font-size: 16px;
   }
-  .selectInp{
-    display: flex;
-    margin: 20px 0 10px 0;
-  }
+
 
 .addDialog{
   .deleteContent{

src/views/projectApplication.vue

@@ -428,29 +428,7 @@
     }
     
 
-  .selects{  //选择栏
-    width: 100%;
-    margin-top: 20px;
-    display: flex;
-    flex-wrap: wrap;
-    margin-bottom: 20px;
-    .selectsBlock{
-      display: flex;
-      margin-right: 30px;
-      margin-bottom: 10px;
-    }
-    .selectLabel{
-      width: 64px;
-      font-size: 16px;
-      margin-right: 10px;
-      display: inline-block;
-      font-weight:bolder;
-      text-align: justify;
-      text-justify:distribute-all-lines;
-      text-align-last: justify;
-      transform: translate(0,22%);
-    }
-  }
+
 
 
   

src/views/resultsShow.vue

@@ -7,7 +7,7 @@
     
     <!-- 搜索栏开始 -->
     <div class="selectInp">
-      <div class="selects">
+      <div class="manageSelects">
       <div class="selectsBlock">
         <span class="selectLabel">项目筛选</span>
         <el-select v-model="pavalues.value" placeholder="我的项目">
@@ -68,7 +68,7 @@
         </el-select>
       </div>
       </div>
-      <div class="pmInp">
+      <div class="ProjectManagementQuery">
         <el-input v-model="input" style="340px" placeholder="请输入内容"></el-input>
         <el-button type="primary" class="btn" size="mini">查询</el-button>
       </div>
@@ -209,52 +209,45 @@
 
 <style lang="less">
 .resultsShow{
-  .selects{
-    display: flex;
-    flex-wrap: wrap;
-    width: 80%;
-    .selectsBlock{
-      display: flex;
-      margin-right: 30px;
-      margin-bottom: 20px;
-    }
-    .selectLabel{
-      width: 64px;
-      font-size: 16px;
-      margin-right: 10px;
-      display: inline-block;
-      font-weight:bolder;
-      text-align: justify;
-      text-justify:distribute-all-lines;
-      text-align-last: justify;
-      transform: translate(0,22%);
-    }
-  }
-  .operations{
-    display: flex;
-    flex-shrink: 0;
-    height:52px;
-    .btt{
-      flex-shrink: 0;
-    }
-  }
+  // .selects{
+  //   display: flex;
+  //   flex-wrap: wrap;
+  //   width: 80%;
+  //   .selectsBlock{
+  //     display: flex;
+  //     margin-right: 30px;
+  //     margin-bottom: 20px;
+  //   }
+  //   .selectLabel{
+  //     width: 64px;
+  //     font-size: 16px;
+  //     margin-right: 10px;
+  //     display: inline-block;
+  //     font-weight:bolder;
+  //     text-align: justify;
+  //     text-justify:distribute-all-lines;
+  //     text-align-last: justify;
+  //     transform: translate(0,22%);
+  //   }
+  // }
+
   
-  .selectInp{   //搜索栏大框
-    display: flex;
-    margin-top: 20px;
-    position: relative;
-    .pmInp{   //查询框
-      display: flex;  
-      position: absolute;
-      right: 0;
-      .btn{  //查询框按钮
-        height: 40px;
-        background: #2268bc;
-        margin-left: 10px;
-        font-size: 16px;
-      }
-    }
-  }
+  // .selectInp{   //搜索栏大框
+  //   display: flex;
+  //   margin-top: 20px;
+  //   position: relative;
+  //   .pmInp{   //查询框
+  //     display: flex;  
+  //     position: absolute;
+  //     right: 0;
+  //     .btn{  //查询框按钮
+  //       height: 40px;
+  //       background: #2268bc;
+  //       margin-left: 10px;
+  //       font-size: 16px;
+  //     }
+  //   }
+  // }
   .classBlocks{   //循环列表
     width: 100%;
     display: flex;