.

src/hotel/components/HouseManage/houseManage.jsx

   const handelOrder = (val) => {
     Taro.navigateTo({ url: `/hotel/pages/landlord/roomOrder/roomOrder?roomId=${val.roomId}&roomName=${val.roomName}` });
   }
+
+  const onSearch=(e)=>{
+    console.log(e.detail.value);
+  }
   return (
     <view>
       <view style={{ padding: '0 30rpx', height: '100%' }}>
           <image className='searchicon' src={iconsearch} />
           <view className="searchword">请输入关键字搜索</view>
         </view>
+        <mp-searchbar onBlur={onSearch}></mp-searchbar>
+
         <ShareRoom showCutover={showCutover} onClose={onClose} room={room} onFinish={handleFinish} />
         <ShareCard showCutover={showCard} onClose={onClose} />
         <scroll-view scroll-y="true" scroll-view='true' bindscrolltoupper="upper" bindscrolltolower="lower" bindscroll="scroll" style={{ height: 'calc(100vh - 255px)' }}>

src/hotel/pages/landlord/landlord.config.js

   styleIsolation: 'shared',
   usingComponents: {
     "mp-tabbar": "weui-miniprogram/tabbar/tabbar",
-    "mp-dialog": "weui-miniprogram/dialog/dialog"
+    "mp-dialog": "weui-miniprogram/dialog/dialog",
+    "mp-searchbar": "weui-miniprogram/searchbar/searchbar"
   },
   enableShareAppMessage: true
 }

src/pages/index/index.jsx

   const { params, path } = router
   const { tab } = params || {}
   const [currentTab, setCurrentTab] = useState(0)
-
-
-
   const handleTabChange = (e) => {
     const { index } = e.detail
     setCurrentTab(index)
   }
-
-
-
   useEffect(() => {
     if (tab) {
       setCurrentTab(tab - 0)
         <mp-tabbar extClass='custom-tabbar' current={currentTab} list={tabList} onChange={handleTabChange}></mp-tabbar>
       </view>
     </view>
-
   )
-
-})
+})