筛选完成

src/pages/searchList/components/selectData/index.module.scss

@@ -3,7 +3,7 @@
     width: 100%;
     .tabs_scroll{
         width: 100%;
-        display: flex;
+        // display: flex;
         white-space: nowrap;
         ::-webkit-scrollbar {
             display:none;
@@ -12,12 +12,12 @@
             color:transparent;
         }
         .tabs_item{
-            flex:1;
+            min-width: 130px;
+            padding: 0 10px;
             display: inline-block;
-            font-size: 24rpx;
+            font-size: 24px;
             background-color: #ecf5ff;
             border-radius: 24rpx;
-            min-width: 126rpx;
             height: 46.93rpx;
             text-align: center;
             line-height: 46.93rpx;
@@ -30,7 +30,7 @@
                 align-items: center;
                 justify-content: center;
                 font-size: $font_size_medium;
-                
+                @include common_ellipsis();
             }
             .tabs_index{
                 height: 5px;

src/pages/searchList/components/selectData/index.tsx

@@ -4,7 +4,7 @@ import classnames from "classnames";
 import styles from './index.module.scss'
 
 
-type ListProps = {
+export type ListProps = {
     title: string,
     value: number
 }
@@ -44,7 +44,7 @@ export default memo(({list = [], defaultValue = 0, tabsOnClick}: Params) => {
                             list.map((item, index) => {
                                 return (
                                     <View key={index} id={`tabs_${index}`} className={styles.tabs_item} onClick={() => clickEvent({item,index})}>
-                                        <View  className={classnames(styles.tabs_item_con)}>{item.title}</View>
+                                        <View  className={classnames(styles.tabs_item_con)}>{`${item.title}: ${item.value}`}</View>
                                     </View>
                                 )
                             })