列表

src/components/SearchBar/index.module.scss

@@ -5,9 +5,16 @@
   --nutui-searchbar-input-text-color: #000000;
   --nutui-searchbar-input-padding: 0 0 0 10px;
   --nutui-searchbar-padding: 10px 0 0 0;
+
   :global(.nut-searchbar-content) {
     box-shadow: 0 4px 48px #00000014;
   }
+
+  .searchBarLeft {
+    display: flex;
+    align-items: center;
+  }
+
   .searchBarRight {
     position: relative;
     width: 44px;
@@ -18,14 +25,17 @@
     display: flex;
     align-items: center;
     justify-content: center;
+
     &.active {
       background-color: #000000;
     }
   }
+
   .filterIcon {
     width: 20px;
     height: 20px;
   }
+
   .filterCount {
     background-color: #000000;
     position: absolute;
@@ -41,8 +51,9 @@
     justify-content: center;
     font-size: 11px;
   }
+
   .searchIcon {
     width: 20px;
     height: 20px;
   }
-}
+}

src/components/SearchBar/index.tsx

@@ -12,6 +12,7 @@ interface IProps {
 
 const SearchBarComponent = (props: IProps) => {
   const { handleFilterIcon, isSelect, filterCount, onChange } = props;
+
   const handleChange = (value: string) => {
     onChange && onChange(value);
   };
@@ -19,9 +20,9 @@ const SearchBarComponent = (props: IProps) => {
     <>
       <SearchBar
         leftIn={
-          <div>
+          <View className={styles.searchBarLeft}>
             <Image className={styles.searchIcon} src={img.ICON_SEARCH} />
-          </div>
+          </View>
         }
         right={
           <View