searchBar

src/pages/home/device/group_device_bind/index.scss

 @import '@styles/var.scss';
+@import '~taro-ui/dist/style/components/search-bar.scss';
+@import '~taro-ui/dist/style/components/button.scss';
+@import '~taro-ui/dist/style/components/icon.scss';
 
 .device-bind {
   width: 100%;

src/pages/home/device/group_device_bind/index.tsx

@@ -6,6 +6,8 @@ import DeviceItem from '@/conpoments/device_item'
 import { getFilmList } from '@/actions/asyncCounter'
 import Taro, { Component, Config } from '@tarojs/taro'
 import { View, Text, ScrollView, Button, Checkbox, Label } from '@tarojs/components'
+import { AtSearchBar } from 'taro-ui'
+
 import './index.scss'
 
 type PageStateProps = {
@@ -118,6 +120,8 @@ class DeviceSelect extends Component {
     }
   }
 
+  searchChange() {}
+
   shouldComponentUpdate(nextProps: IProps, nextState: PageState) {
     const { checked } = this.state
     const { checked: _checked } = nextState
@@ -132,6 +136,7 @@ class DeviceSelect extends Component {
     const { size } = checked
     return (
       <View className="device-bind">
+        <AtSearchBar value={''} onChange={searchChange} />
         <View className="device-bind-scroll">
           <ScrollView className="device-bind-scroll-view">
             {list.map(item => (