列表搜索页面

src/components/ListCard/index.tsx

@@ -8,14 +8,14 @@ const ListCard: React.FC<ListCardProps> = ({
   id,
   title,
   dateTime,
-  location,
-  distance,
+  venue_description,
+  distance_km,
   registeredCount,
   maxCount,
   skillLevel,
-  matchType,
+  play_type,
   images = [],
-  shinei,
+  court_type,
 }) => {
   const renderItemImage = (src: string) => {
     return <Image src={src} className="image" mode="aspectFill" />;
@@ -64,17 +64,16 @@ const ListCard: React.FC<ListCardProps> = ({
         {/* 左侧内容区域 */}
         <View className="content">
           {/* 标题 */}
-          <View className="titleWrapper">
+          {title && <View className="titleWrapper">
             <Text className="title">{title}</Text>
             <Image
               src={img.ICON_LIST_RIGHT_ARROW}
               className="title-right-arrow"
               mode="aspectFit"
             />
-          </View>
+          </View>}
 
           {/* 时间信息 */}
-
           <View className="date-time">
             <Text>{dateTime}</Text>
           </View>
@@ -82,10 +81,11 @@ const ListCard: React.FC<ListCardProps> = ({
           {/* 地点,室内外,距离 */}
 
           <View className="location">
-            <Text className="location-text location-position">{location}</Text>
+            {venue_description &&
+              <Text className="location-text location-position">{venue_description}</Text>}
             <Text className="location-text location-time-distance">
-              {shinei && `・${shinei}`}
-              {distance && `・${distance}`}
+              {court_type && `・${court_type}`}
+              {distance_km && `・${distance_km}`}
             </Text>
           </View>
 
@@ -115,11 +115,11 @@ const ListCard: React.FC<ListCardProps> = ({
                 </Text>
               </View>
               <View className="tag">
-                <Text className="tag-text">{skillLevel}</Text>
-              </View>
-              <View className="tag">
-                <Text className="tag-text">{matchType}</Text>
+                <Text className="tag-text">{skill_level_max} zh {skill_level_max}</Text>
               </View>
+              {play_type && <View className="tag">
+                <Text className="tag-text">{play_type}</Text>
+              </View>}
             </View>
           </View>
         </View>