From d4f7261882d362e2b13603207bcd98f4fb78621c Mon Sep 17 00:00:00 2001
From: Hooray Hu <304327508@qq.com>
Date: Fri, 5 May 2023 23:46:01 +0800
Subject: [PATCH] =?UTF-8?q?`SearchBar`=20=E7=BB=84=E4=BB=B6=E7=A4=BA?=
 =?UTF-8?q?=E4=BE=8B=E8=B0=83=E6=95=B4?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/views/component_extend_example/searchbar.demo.vue | 8 ++++++--
 1 file changed, 6 insertions(+), 2 deletions(-)

diff --git a/src/views/component_extend_example/searchbar.demo.vue b/src/views/component_extend_example/searchbar.demo.vue
index 8daa62ba..e852a662 100644
--- a/src/views/component_extend_example/searchbar.demo.vue
+++ b/src/views/component_extend_example/searchbar.demo.vue
@@ -309,7 +309,7 @@ function toggle(fold: boolean) {
       <search-bar :fold="isFold2" :show-toggle="false">
         <template #default="{ fold }">
           <el-form :model="search" size="default" label-width="120px" inline class="search-form">
-            <el-form-item label="姓名 / 手机号">
+            <el-form-item label="姓名 / 手机号" class="search-form-item-name">
               <el-input v-model="search.name" placeholder="请输入姓名或者手机号，支持模糊查询" clearable />
             </el-form-item>
             <el-form-item v-show="!fold" label="部门">
@@ -442,7 +442,11 @@ function toggle(fold: boolean) {
   flex-wrap: wrap;
 
   :deep(.el-form-item) {
-    width: calc(25% - 32px);
+    flex: 1 1 300px;
+
+    &.search-form-item-name {
+      flex-basis: 450px;
+    }
 
     &:last-child {
       margin-left: auto;