import React from "react"; import { Button, Card, Col, Row, Tabs, Typography } from "antd"; import baopinzhuizongImg from "../../assets/images/baopinzhuizong.png"; import jinduijiankongImg from "../../assets/images/jinduijiankong.png"; import darenshaixuanImg from "../../assets/images/darenshaixuan.png"; import qianlileimuImg from "../../assets/images/qianlileimu.png"; import baokuanshipinImg from "../../assets/images/baokuanshipin.png"; import remenzhiboImg from "../../assets/images/remenzhibo.png"; import hotTopImg from "../../assets/images/hottop1.png"; const { Title, Text } = Typography; const featureCards = [ { title: "爆品追踪", desc: "最近有什么商品有机会爆单？", image: baopinzhuizongImg }, { title: "竞对监控", desc: "竞争对手新品和策略变化随时掌握", image: jinduijiankongImg }, { title: "达人筛选", desc: "寻找最适合的联盟达人合作", image: darenshaixuanImg }, { title: "潜力类目", desc: "竞争小、机会大的类目是什么？", image: qianlileimuImg }, { title: "爆款视频", desc: "最近哪些视频带货效果好？", image: baokuanshipinImg }, { title: "热门直播", desc: "识别爆单直播间，找到有效打法", image: remenzhiboImg } ]; const products = Array.from({ length: 5 }, (_, index) => ({ id: `product-${index}`, title: "热卖商品标题", price: "$59.90", sales: "成交金额 $348.87万", volume: "销量 58243" })); const focusStats = [ { label: "商品数量", value: "0" }, { label: "成交金额", value: "$0.00", sub: "$0.00 单品平均" }, { label: "直播成交", value: "$0.00", sub: "$0.00 单品平均" }, { label: "视频成交", value: "$0.00", sub: "$0.00 单品平均" }, { label: "商品卡成交", value: "$0.00", sub: "$0.00 单品平均" } ]; export default function ExploreContent() { return (

如何使用Hoyidata

{featureCards.map((item) => (

{item.title}

{item.desc}

{item.image && {item.title}

}

))}

热卖商品 (01/02 ~ 01/31)

{products.map((item, index) => ( {index === 0 && (

)} {index === 1 && (

)} {index === 2 && (

)}

{item.title}

{item.price}

{item.sales}

{item.volume}

))}

) }, { key: "follow", label: "📌 我的关注", children: (

{["商品", "达人", "小店", "视频", "脚本工具"].map((tab) => ( ))}

2026/01/31 — 2026/01/31

{["昨日", "过去7天", "过去30天", "过去90天", "过去180天", "过去365天"].map( (filter) => ( ) )}

{focusStats.map((stat) => (

{stat.label}

{stat.value}

{stat.sub &&

{stat.sub}

}

))}

商品信息成交金额销量平均销售价达人视频操作

添加关注商品，实时监控数据走势

) } ]} />

); }