商城测试版v5

src/components/searchInput/index.module.scss

@@ -1,8 +1,8 @@
 
 .searchInput_main{
     display: flex;
-    align-items: center;
     min-height: 62px;
+    align-items: center;
     border-bottom: 1px solid #F0F0F0;
     .searchInput_title {
         min-width: 145px;
@@ -26,6 +26,9 @@
     .searchInput_con{
         flex:1;
         width: 100%;
+        display: flex;
+        width: 100%;
+        align-items: center;
         input{
             font-size: 26px;
         }

src/components/searchInput/index.tsx

@@ -12,7 +12,7 @@ type Params = {
     changeOnInput?: (string) => void,
     clickOnInput?: () => void,
     children?: ReactNode
-    height?: number,
+    height?: string,
     titleStyle?: Object,
     styleObj?: Object
 
@@ -28,7 +28,7 @@ export default memo((props: Params) => {
         showBorder = true,
         changeOnInput,
         clickOnInput,
-        height = 80,
+        height = '80rpx',
         titleStyle = {}
     } = props
 
@@ -39,11 +39,11 @@ export default memo((props: Params) => {
         return {}
     }, [showBorder])
     return (
-        <View className={styles.searchInput_main} style={{height: height + 'rpx', ...stylen,}}>
+        <View className={styles.searchInput_main} style={{height: height, ...stylen}}>
             {showTitle&&<View className={styles.searchInput_title} style={titleStyle}>{title}</View>}
             <View className={styles.searchInput_con}>
                 {!props.children&&<Input disabled={disabled} placeholder={placeholder} onClick={() => clickOnInput?.()} onInput={(e) => changeOnInput?.(e.detail.value)}/>
-                    ||<View>{props.children}</View>
+                    ||<>{props.children}</>
                 }
             </View>
             {showIcon&&<View className={`iconfont icon-jiantou ${styles.icon_more_self}`}></View>}