style(components): 统一背景模糊元素尺寸单位
将多个组件中的背景模糊元素尺寸从像素值改为rem单位 修复hero-section中bg-gradient-to-r拼写错误 调整cases-section中背景渐变类名拼写
This commit is contained in:
@@ -55,8 +55,8 @@ export function CasesSection() {
|
|||||||
|
|
||||||
return (
|
return (
|
||||||
<section id="cases" role="region" aria-labelledby="cases-heading" className="py-24 bg-white relative overflow-hidden" ref={ref}>
|
<section id="cases" role="region" aria-labelledby="cases-heading" className="py-24 bg-white relative overflow-hidden" ref={ref}>
|
||||||
<div className="absolute top-1/3 left-0 w-[400px] h-[400px] bg-[rgba(196,30,58,0.03)] rounded-full blur-3xl" />
|
<div className="absolute top-1/3 left-0 w-100 h-100 bg-[rgba(196,30,58,0.03)] rounded-full blur-3xl" />
|
||||||
<div className="absolute top-1/3 right-0 w-[300px] h-[300px] bg-[rgba(196,30,58,0.02)] rounded-full blur-3xl" />
|
<div className="absolute top-1/3 right-0 w-75 h-75 bg-[rgba(196,30,58,0.02)] rounded-full blur-3xl" />
|
||||||
|
|
||||||
<div className="container-wide relative z-10">
|
<div className="container-wide relative z-10">
|
||||||
<motion.div
|
<motion.div
|
||||||
@@ -90,7 +90,7 @@ export function CasesSection() {
|
|||||||
>
|
>
|
||||||
<Link href={`/cases/${caseItem.slug}`}>
|
<Link href={`/cases/${caseItem.slug}`}>
|
||||||
<Card className="h-full group cursor-pointer border-[#E5E5E5] hover:border-[#C41E3A] transition-colors overflow-hidden">
|
<Card className="h-full group cursor-pointer border-[#E5E5E5] hover:border-[#C41E3A] transition-colors overflow-hidden">
|
||||||
<div className="relative h-40 bg-gradient-to-br from-[#F5F5F5] to-[#E5E5E5] flex items-center justify-center">
|
<div className="relative h-40 bg-linear-to-br from-[#F5F5F5] to-[#E5E5E5] flex items-center justify-center">
|
||||||
<Building2 className="w-16 h-16 text-[#C41E3A]/20 group-hover:scale-110 transition-transform duration-300" />
|
<Building2 className="w-16 h-16 text-[#C41E3A]/20 group-hover:scale-110 transition-transform duration-300" />
|
||||||
<div className="absolute top-4 right-4">
|
<div className="absolute top-4 right-4">
|
||||||
<Badge className="bg-white/90 text-[#1C1C1C] hover:bg-white">
|
<Badge className="bg-white/90 text-[#1C1C1C] hover:bg-white">
|
||||||
|
|||||||
@@ -77,7 +77,7 @@ export function HeroDescription(_props: HeroContentProps) {
|
|||||||
<div className="mb-10">
|
<div className="mb-10">
|
||||||
<BlurReveal delay={0.3}>
|
<BlurReveal delay={0.3}>
|
||||||
<p className="text-xl sm:text-2xl text-[#4A5568] mb-4">
|
<p className="text-xl sm:text-2xl text-[#4A5568] mb-4">
|
||||||
<span className="font-semibold bg-gradient-to-r from-[#C41E3A] via-[#E04A68] to-[#C41E3A] bg-clip-text text-transparent">
|
<span className="font-semibold bg-linear-to-r from-[#C41E3A] via-[#E04A68] to-[#C41E3A] bg-clip-text text-transparent">
|
||||||
企业数字化转型服务商
|
企业数字化转型服务商
|
||||||
</span>
|
</span>
|
||||||
</p>
|
</p>
|
||||||
@@ -157,7 +157,7 @@ export function HeroStats() {
|
|||||||
|
|
||||||
useEffect(() => {
|
useEffect(() => {
|
||||||
const statsEl = document.getElementById('stats-section');
|
const statsEl = document.getElementById('stats-section');
|
||||||
if (!statsEl) return;
|
if (!statsEl) {return;}
|
||||||
|
|
||||||
const observer = new IntersectionObserver(
|
const observer = new IntersectionObserver(
|
||||||
([entry]) => {
|
([entry]) => {
|
||||||
|
|||||||
@@ -61,8 +61,8 @@ export function ProductsSection({ config }: ProductsSectionProps) {
|
|||||||
|
|
||||||
return (
|
return (
|
||||||
<section id="products" role="region" aria-labelledby="products-heading" className="py-24 bg-[#F5F7FA] relative overflow-hidden" ref={ref}>
|
<section id="products" role="region" aria-labelledby="products-heading" className="py-24 bg-[#F5F7FA] relative overflow-hidden" ref={ref}>
|
||||||
<div className="absolute top-1/2 left-0 w-[400px] h-[400px] bg-[rgba(79,70,229,0.03)] rounded-full blur-3xl" />
|
<div className="absolute top-1/2 left-0 w-100 h-100 bg-[rgba(79,70,229,0.03)] rounded-full blur-3xl" />
|
||||||
<div className="absolute top-1/3 right-0 w-[300px] h-[300px] bg-[rgba(196,30,58,0.02)] rounded-full blur-3xl" />
|
<div className="absolute top-1/3 right-0 w-75 h-75 bg-[rgba(196,30,58,0.02)] rounded-full blur-3xl" />
|
||||||
<div className="container-wide relative z-10">
|
<div className="container-wide relative z-10">
|
||||||
<motion.div
|
<motion.div
|
||||||
initial={{ opacity: 0, y: 20 }}
|
initial={{ opacity: 0, y: 20 }}
|
||||||
|
|||||||
@@ -66,8 +66,8 @@ export function ServicesSection({ config }: ServicesSectionProps) {
|
|||||||
|
|
||||||
return (
|
return (
|
||||||
<section id="services" aria-labelledby="services-heading" className="py-24 bg-white relative overflow-hidden" ref={ref}>
|
<section id="services" aria-labelledby="services-heading" className="py-24 bg-white relative overflow-hidden" ref={ref}>
|
||||||
<div className="absolute top-1/3 left-0 w-[400px] h-[400px] bg-[rgba(196,30,58,0.03)] rounded-full blur-3xl" />
|
<div className="absolute top-1/3 left-0 w-100 h-100 bg-[rgba(196,30,58,0.03)] rounded-full blur-3xl" />
|
||||||
<div className="absolute top-1/3 right-0 w-[300px] h-[300px] bg-[rgba(196,30,58,0.02)] rounded-full blur-3xl" />
|
<div className="absolute top-1/3 right-0 w-75 h-75 bg-[rgba(196,30,58,0.02)] rounded-full blur-3xl" />
|
||||||
|
|
||||||
<div className="container-wide relative z-10">
|
<div className="container-wide relative z-10">
|
||||||
<motion.div
|
<motion.div
|
||||||
|
|||||||
Reference in New Issue
Block a user