UI-更改搜索固定样式

src/views/datacenter.vue

@@ -6,19 +6,17 @@
     <!--主体-->
     <div class="visual-body">
       <!-- 左侧 -->
-      <div class="leftbar w-10" ref="left">
+      <div class="leftbar w-10" ref="left" style="width:12rem !important;height: 80vh;overflow-y: hidden;">
         <div class="forthis">
           <dv-border-box-13
             backgroundColor="#09140e"
-            style="padding-bottom: 1rem"
+            style="padding-bottom: 1rem;height: 80vh;"
           >
             <img
               src="../assets/images/integrated/light.png"
               style="width: 100%; margin-top: 0.4rem"
             />
-            <div class="i-list-con h-78">
-              <div class="i-list-con h-65" v-show="showSearch == true">
-                <div class="head-container">
+            <div class="sj-search"  v-show="showSearch">
                   <el-input
                     v-model="searchName"
                     placeholder="请输入名称"
@@ -26,11 +24,9 @@
                     clearable
                     size="small"
                     prefix-icon="el-icon-search"
-                    style="margin-bottom: 20px"
                   />
-                </div>
-              </div>
-
+            </div>
+            <div class="i-list-con" style="height: 71vh;">
               <div class="d-l-con-icon">
                 <div
                   class="icon-con"