fk

src/components/SearchBar/index.jsx

+import Taro, { View } from "@tarojs/components"
+export default (props) => {
+
+  const { value, onChange } = props
+
+
+
+  const search = (e) => {
+    console.log(e);
+
+    return new Promise((resolve, reject) => {
+      console.log(resolve, reject);
+      resolve([{ text: '搜索结果', e: 1 }, { text: '搜索结果2', e: 2 }])
+
+    })
+  }
+  const handeInput = (e) => {
+    const val = e.detail.value
+    onChange(val)
+    console.log("🚀 ~ file: shopKeeper.jsx ~ line 57 ~ handeInput ~ value", val)
+
+
+  }
+
+
+  return (
+    <View className='search'>
+      <mp-searchbar
+        placeholder='搜索订单(输入客户手机号码)'
+        search={search}
+        onInput={(e) => handeInput(e)}
+        value={value}
+      >
+      </mp-searchbar>
+    </View>
+  )
+}

src/components/SearchBar/style.less

+
+.search{
+  margin: 35px 0;
+  .weui-search-bar{
+    padding: 0px;
+    border-radius: 45px;
+    background: #F8F8F8;
+
+    .weui-search-bar__label{
+      background: #F8F8F8;
+    }
+    .weui-search-bar__form{
+      border-radius: 45px;
+      background: #F8F8F8;
+      
+
+    }
+
+    .weui-search-bar__label{
+      border-radius: 45px;
+      background: #F8F8F8;
+
+
+    }
+    .weui-search-bar__input{
+      text-align: center;
+      background: #F8F8F8;
+
+    }
+  
+    .weui-search-bar__cancel-btn{
+      position: relative;
+      left: -10px;
+      font-size: 31px;
+      padding-left: 5px;
+      background: #F8F8F8;
+
+
+    }
+  }
+}

src/shop/components/ShopKeeper/shopKeeper.jsx

 import Popup from '@/components/Popup'
 import ShopUsed from '@/components/ShopUsed' //已核销
 import ShopUnused from '@/components/ShopUnused' //未核销
+import SearchBar from '@/components/SearchBar'
 import eyes from '@/assets/icons/shopKeeper/小眼睛.png'
 import ceyes from '@/assets/icons/shopKeeper/小眼睛-闭上.png'
 import iconsearch from '@/assets/icons/housemantj/search.png'
   }
 
 
-  //搜索
-  const search = (value) => {
-    console.log(value);
 
-    return new Promise((resolve, reject) => {
-      console.log(resolve, reject);
-      resolve([{ text: '搜索结果', value: 1 }, { text: '搜索结果2', value: 2 }])
 
-    })
-  }
-  const handeInput = (e) => {
-    const value = e.detail.value
-    console.log("🚀 ~ file: shopKeeper.jsx ~ line 57 ~ handeInput ~ value", value)
 
 
-  }
+  const handleChange = (e) => {
+    console.log("🚀 ~ file: shopKeeper.jsx ~ line 67 ~ handleChange ~ e", e)
+
 
+  }
 
 
   useEffect(() => {
             </view>
           </view>
           <view className='search'>
-            <mp-searchbar
-              placeholder='搜索订单(输入客户手机号码)'
-              search={search}
-              onInput={(e) => handeInput(e)}
-            >
-            </mp-searchbar>
+
+            <SearchBar onChange={e => handleChange()} />
           </view>
           <view className='index-tabs'>
             <mp-tabs