支付页面开发

src/components/searchInput/index.tsx

@@ -12,6 +12,8 @@ type Params = {
     changeOnInput?: (string) => void,
     clickOnInput?: () => void,
     children?: ReactNode
+    height?: number,
+    titleStyle?: Object
 
 }
 
@@ -24,7 +26,9 @@ export default memo((props: Params) => {
         placeholder = '请输入',
         showBorder = true,
         changeOnInput,
-        clickOnInput
+        clickOnInput,
+        height = 80,
+        titleStyle = {}
     } = props
 
     let stylen = useMemo(() => {
@@ -34,8 +38,8 @@ export default memo((props: Params) => {
         return {}
     }, [showBorder])
     return (
-        <View className={styles.searchInput_main} style={stylen}>
-            {showTitle&&<View className={styles.searchInput_title}>{title}</View>}
+        <View className={styles.searchInput_main} style={{height: height + 'rpx'}}>
+            {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>