支付页面开发

src/components/checkbox/index.module.scss

@@ -26,6 +26,6 @@
     text-align: center;
     line-height: 40px;
     .miconfont{
-        font-size: 26px;
+        font-size: 32px;
     }
 }

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>