bimwe/mini-programs
2
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

列表接口

Browse Source
This commit is contained in:
juguohong
2025-08-30 13:40:25 +08:00
parent f0b02e832f
commit 1cb303b86d
4 changed files with 22 additions and 23 deletions
Download Patch File Download Diff File Expand all files Collapse all files

18
src/components/ListCard/index.tsx
View File

@@ -3,7 +3,6 @@ import Taro from '@tarojs/taro'
import img from "../../config/images";
import { ListCardProps } from "../../../types/list/types";
import "./index.scss";
// import SkeletonComponent from "../../components/Skeleton";
const ListCard: React.FC<ListCardProps> = ({
id,
@@ -15,7 +14,7 @@ const ListCard: React.FC<ListCardProps> = ({
maxCount,
skillLevel,
matchType,
images,
images=[],
shinei,
}) => {
const renderItemImage = (src: string) => {
@@ -30,28 +29,25 @@ const ListCard: React.FC<ListCardProps> = ({
// 根据图片数量决定展示样式
const renderImages = () => {
if (images.length === 0) return null;
if (images?.length === 0) return null;
if (images.length === 1) {
if (images?.length === 1) {
return (
<View className="single-image">
<View className="image-container">
{/* <Image src={images[0]} className="image" mode="aspectFill" /> */}
{renderItemImage(images[0])}
</View>
</View>
);
}
if (images.length === 2) {
if (images?.length === 2) {
return (
<View className="double-image">
<View className="image-container">
{/* <Image src={images[0]} className="image" mode="aspectFill" /> */}
{renderItemImage(images[0])}
</View>
<View className="image-container">
{/* <Image src={images[1]} className="image" mode="aspectFill" /> */}
{renderItemImage(images[1])}
</View>
</View>
@@ -61,9 +57,9 @@ const ListCard: React.FC<ListCardProps> = ({
// 3张或更多图片
return (
<View className="triple-image">
<View className="image-container">{renderItemImage(images[0])}</View>
<View className="image-container">{renderItemImage(images[1])}</View>
<View className="image-container">{renderItemImage(images[2])}</View>
<View className="image-container">{renderItemImage(images?.[0])}</View>
<View className="image-container">{renderItemImage(images?.[1])}</View>
<View className="image-container">{renderItemImage(images?.[2])}</View>
</View>
);
};