/** * DbWaterfallProductCard - 瀑布流商品卡片组件 * * 特性: * - 专为双列瀑布流布局设计 * - 图片高度为宽度的 85%(非正方形) * - 支持标题、标签、价格、销量、购物车按钮 * - 使用 db-rn-ui 组件构建 */ import React from 'react'; export interface DbWaterfallProductCardProps { /** 商品图片 URL */ image: string; /** 商品标题 */ title: string; /** 当前价格 */ price: number; /** 原价(可选) */ originalPrice?: number; /** 销量文字,如 "已售 100" */ salesText?: string; /** 标签列表 */ tags?: Array<{ text: string; preset?: 'free-shipping' | 'guarantee' | 'hot' | 'new' | 'default'; variant?: 'solid' | 'outline' | 'light' | 'text'; color?: string; }>; /** 点击卡片回调 */ onPress?: () => void; /** 点击购物车按钮回调 */ onCartPress?: () => void; /** 标题前缀标签(如热销、新品) */ titlePrefixTags?: Array<{ text: string; color?: string; outline?: boolean; }>; /** 卡片圆角,默认 12 */ borderRadius?: number; /** 图片圆角(默认为 borderRadius) */ imageBorderRadius?: number; /** 标题是否显示为已点击状态(灰色) */ titleVisited?: boolean; /** 已点击状态的标题颜色,默认 #999 */ visitedTitleColor?: string; /** 自定义内容区域(优先于默认内容) */ customContent?: React.ReactNode; } export declare const DbWaterfallProductCard: React.FC; export default DbWaterfallProductCard;