售后开发

src/components/searchInput/index.module.scss

@@ -3,25 +3,25 @@
     display: flex;
     align-items: center;
     min-height: 62px;
-    padding: 10px 0;
     border-bottom: 1px solid #F0F0F0;
     .searchInput_title {
-        width: 150px;
+        min-width: 145px;
         min-height: 50px;
         font-size: 28px;
-        border-right: 1px solid #F0F0F0;
         color: $color_font_two;
         margin-right: 20px;
         padding-left: 20px;
         display: flex;
         align-items: center;
-
-        // &::before{
-        //     content: "";
-        //     height: 50px;
-        //     width: 1px;
-        //     background-color: #F0F0F0;
-        // }
+        position: relative;
+        &::before{
+            content: "";
+            height: 30px;
+            width: 1px;
+            background-color: #F0F0F0;
+            position: absolute;
+            right: 0;
+        }
     }
     .searchInput_con{
         flex:1;

src/components/searchInput/index.tsx

@@ -13,7 +13,8 @@ type Params = {
     clickOnInput?: () => void,
     children?: ReactNode
     height?: number,
-    titleStyle?: Object
+    titleStyle?: Object,
+    styleObj?: Object
 
 }
 
@@ -38,7 +39,7 @@ 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 + 'rpx', ...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)}/>