大屏项目初始化

screen-vue/src/components/Search/proSearch.vue

@@ -66,13 +66,15 @@ const getPlaceHolderCount = () => {
   gap: 15px;
   width: 100%;
   box-sizing: border-box;
-  align-items: center;
+  align-items: stretch;
 }
 
 .search-grid-container :deep(.search-item) {
   margin-bottom: 0 !important;
   width: 100%;
   box-sizing: border-box;
+  display: flex;
+  align-items: center; 
 }
 
 .search-grid-container :deep(.search-input),
@@ -91,9 +93,10 @@ const getPlaceHolderCount = () => {
   display: flex;
   gap: 8px;
   align-items: center;
+  justify-content: center;
   width: 100%;
+  height: 100%;
   box-sizing: border-box;
-  justify-content: flex-end;
 }
 
 @media (max-width: 768px) {
@@ -105,7 +108,8 @@ const getPlaceHolderCount = () => {
     display: none;
   }
   .search-btn-group {
-    justify-content: flex-start;
+    justify-content: center;
+    padding: 8px 0;
   }
 }
 </style>