redhare
/
rh-rhdata-customer-web
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

optimize homepage

main
yezhen 2026-02-02 16:04:02 +08:00
parent 4d60698671
commit df03551b1b
4 changed files with 32 additions and 14 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

15
src/components/home/content.jsx
View File

@ -80,13 +80,14 @@ export default function HomeContent() {
<> <>
<div className="home-hero"> <div className="home-hero">
<div className="home-hero-content"> <div className="home-hero-content">
<Title level={1} className="home-hero-title"> <div className="home-hero-title">
深耕<span>TikTok</span>电商 <div className="home-hero-title-line home-hero-title-line-1">
<br /> 全球电商<span>优选</span>
全球用户<span>优选</span> </div>
<br /> <div className="home-hero-title-line home-hero-title-line-2">
数据洞察平台 数据洞察平台
</Title> </div>
</div>
<div className="home-hero-stats"> <div className="home-hero-stats">
{stats.map((stat) => ( {stats.map((stat) => (
<div key={stat.label} className="home-hero-stat"> <div key={stat.label} className="home-hero-stat">

9
src/components/home/header.jsx
View File

@ -14,11 +14,16 @@ const langItems = [
export default function HomeHeader() { export default function HomeHeader() {
return ( return (
<> <>
<div className="home-brand"> <a
className="home-brand"
href="https://www.hoyidata.com"
target="_blank"
rel="noreferrer"
>
<span className="home-logo-wrap"> <span className="home-logo-wrap">
<img className="home-logo" src={logoWhite} alt="Hoyidata" /> <img className="home-logo" src={logoWhite} alt="Hoyidata" />
</span> </span>
</div> </a>
<Menu <Menu
className="home-nav-menu" className="home-nav-menu"
mode="horizontal" mode="horizontal"

20
src/css/homecss/content.css
View File

@ -16,17 +16,25 @@
margin: 0 auto; margin: 0 auto;
} }
.home-hero-title.ant-typography { .home-hero-title {
margin: 0 0 16px; margin: 0 0 16px;
font-size: 72px; font-size: 72px;
line-height: 1.1;
font-family: "TencentW7", "PingFang SC", "Segoe UI", sans-serif; font-family: "TencentW7", "PingFang SC", "Segoe UI", sans-serif;
} }
.home-hero-title.ant-typography span { .home-hero-title span {
color: #1f6feb; color: #1f6feb;
} }
.home-hero-title-line-1 {
font-size: 84px;
}
.home-hero-title-line-2 {
font-size: 60px;
line-height: 84px;
}
.home-hero-content p { .home-hero-content p {
color: #60708a; color: #60708a;
margin: 0 0 24px; margin: 0 0 24px;
@ -62,6 +70,7 @@
} }
.home-cta { .home-cta {
margin-top: 24px;
background: #1f6feb; background: #1f6feb;
color: #fff; color: #fff;
border: 0; border: 0;
@ -95,9 +104,10 @@
} }
.home-logos { .home-logos {
height: 120px; margin-top: 24px;
height: 108px;
display: flex; display: flex;
padding: 20px 48px; padding: 32px 48px;
align-items: center; align-items: center;
overflow: hidden; overflow: hidden;
background: #fff; background: #fff;

2
src/css/homecss/header.css
View File

@ -12,6 +12,8 @@
display: flex; display: flex;
align-items: center; align-items: center;
gap: 10px; gap: 10px;
cursor: pointer;
text-decoration: none;
} }
.home-logo-wrap { .home-logo-wrap {