perf: 走查问题调整

src/layouts/components/navbar/components/middle-side/index.vue

@@ -14,7 +14,7 @@ export default {
       keyWord.value = '';
     };
     return () => (
-      <div class="middle-wrap h-100% flex-1 flex items-center justify-center px-24px">
+      <div class="middle-wrap h-100% flex items-center justify-center">
         <Input
           v-model:value={keyWord.value}
           onPressEnter={handleSearch}

src/layouts/components/navbar/components/middle-side/style.scss

@@ -1,4 +1,7 @@
 .middle-wrap {
+  position: absolute;
+  left: 50%;
+  transform: translateX(-50%);
   display: flex;
   align-items: center;
   :deep(.ant-input-affix-wrapper) {

src/layouts/components/navbar/index.vue

@@ -1,13 +1,17 @@
 <template>
   <div class="navbar-wrap px-24px">
+    <div class="w-full h-full relative flex justify-between">
+
     <div class="left-wrap flex items-center cursor-pointer" @click="handleUserHome">
       <img src="@/assets/img/icon-logo.png" alt="" width="96" height="24" />
     </div>
-    <div class="flex-1">
+    <!-- <div class="flex-1"> -->
       <MiddleSide v-if="!isHomeRoute" />
-    </div>
+    <!-- </div> -->
     <RightSide :isAgentRoute="isAgentRoute" v-if="userStore.isLogin" />
   </div>
+
+  </div>
 </template>
 
 <script setup>
@@ -32,8 +36,6 @@ const isHomeRoute = computed(() => {
 <style scoped lang="scss">
 .navbar-wrap {
   position: relative;
-  display: flex;
-  justify-content: space-between;
   height: 100%;
   &::before {
     width: 100%;