update
This commit is contained in:
parent
bf1e0ec53c
commit
4b93f2df71
|
|
@ -55,7 +55,7 @@ export type { BannerConfig } from "@/type";
|
||||||
type Props = {
|
type Props = {
|
||||||
title: string;
|
title: string;
|
||||||
subtitle?: string;
|
subtitle?: string;
|
||||||
desc?: string;
|
desc?: string | React.ReactNode;
|
||||||
content?: string;
|
content?: string;
|
||||||
largedesc?: string;
|
largedesc?: string;
|
||||||
titleSize?: "large" | "medium" | string;
|
titleSize?: "large" | "medium" | string;
|
||||||
|
|
|
||||||
|
|
@ -33,13 +33,14 @@
|
||||||
}
|
}
|
||||||
|
|
||||||
.dotOuter {
|
.dotOuter {
|
||||||
fill: #14355c;
|
fill: transparent;
|
||||||
stroke: #2d4a7c;
|
stroke: #2d4a7c;
|
||||||
stroke-width: 2;
|
/* stroke-width: 2; */
|
||||||
|
/* border: 1px solid #14355C; */
|
||||||
}
|
}
|
||||||
|
|
||||||
.dotInner {
|
.dotInner {
|
||||||
fill: rgba(255, 255, 255, 0.9);
|
fill: #14355C;
|
||||||
}
|
}
|
||||||
|
|
||||||
.labelsOverlay {
|
.labelsOverlay {
|
||||||
|
|
|
||||||
|
|
@ -152,14 +152,14 @@ export default function SineWaveTimeline({ items, height: propHeight = 400, refE
|
||||||
d={bgPathD}
|
d={bgPathD}
|
||||||
className={styles.bgPath}
|
className={styles.bgPath}
|
||||||
fill="none"
|
fill="none"
|
||||||
strokeWidth="1"
|
strokeWidth="3"
|
||||||
/>
|
/>
|
||||||
{/* 主正弦 */}
|
{/* 主正弦 */}
|
||||||
<path
|
<path
|
||||||
d={mainPathD}
|
d={mainPathD}
|
||||||
className={styles.mainPath}
|
className={styles.mainPath}
|
||||||
fill="none"
|
fill="none"
|
||||||
strokeWidth="2"
|
strokeWidth="3"
|
||||||
/>
|
/>
|
||||||
{/* 峰谷圆点与垂直线 */}
|
{/* 峰谷圆点与垂直线 */}
|
||||||
{points.map((point, i) => (
|
{points.map((point, i) => (
|
||||||
|
|
@ -178,13 +178,13 @@ export default function SineWaveTimeline({ items, height: propHeight = 400, refE
|
||||||
<circle
|
<circle
|
||||||
cx={point.x}
|
cx={point.x}
|
||||||
cy={point.y}
|
cy={point.y}
|
||||||
r="10"
|
r="20"
|
||||||
className={styles.dotOuter}
|
className={styles.dotOuter}
|
||||||
/>
|
/>
|
||||||
<circle
|
<circle
|
||||||
cx={point.x}
|
cx={point.x}
|
||||||
cy={point.y}
|
cy={point.y}
|
||||||
r="5"
|
r="10"
|
||||||
className={styles.dotInner}
|
className={styles.dotInner}
|
||||||
/>
|
/>
|
||||||
</g>
|
</g>
|
||||||
|
|
|
||||||
|
|
@ -49,7 +49,7 @@ export default function SwiperCardSection({ data }: { data: Data }) {
|
||||||
className={styles.navBtn}
|
className={styles.navBtn}
|
||||||
onClick={() => swiperRef?.slidePrev()}
|
onClick={() => swiperRef?.slidePrev()}
|
||||||
>
|
>
|
||||||
<svg viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="2821" width="24" height="24"><path d="M737.9 888.2L361.7 512l376.2-376.2c16.4-16.4 16.4-43.1 0-59.5s-43.1-16.4-59.5 0L295.8 458.9c-14.2 14.2-22 33-22 53.1s7.8 38.9 22 53.1l382.6 382.6c16.4 16.4 43.1 16.4 59.5 0 16.4-16.5 16.4-43.1 0-59.5z" fill="#272636" p-id="2822"></path></svg>
|
<svg style={{ transform: 'rotate(180deg)' }} fill="#14355C" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="8355" width="24" height="24"><path d="M384.213333 170.666667l341.333334 341.333333-341.333334 341.333333L298.666667 768l256.213333-256L298.666667 256z" fill="#14355C" p-id="8356"></path></svg>
|
||||||
</button>
|
</button>
|
||||||
)}
|
)}
|
||||||
<Swiper
|
<Swiper
|
||||||
|
|
@ -83,8 +83,7 @@ export default function SwiperCardSection({ data }: { data: Data }) {
|
||||||
className={`${styles.navBtn} ${styles.nextBtn}`}
|
className={`${styles.navBtn} ${styles.nextBtn}`}
|
||||||
onClick={() => swiperRef?.slideNext()}
|
onClick={() => swiperRef?.slideNext()}
|
||||||
>
|
>
|
||||||
<svg viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="8355" width="24" height="24"><path d="M384.213333 170.666667l341.333334 341.333333-341.333334 341.333333L298.666667 768l256.213333-256L298.666667 256z" fill="#14355C" p-id="8356"></path></svg>
|
<svg fill="#14355C" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="8355" width="24" height="24"><path d="M384.213333 170.666667l341.333334 341.333333-341.333334 341.333333L298.666667 768l256.213333-256L298.666667 256z" fill="#14355C" p-id="8356"></path></svg>
|
||||||
{/* <svg viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="1638" width="24" height="24"><path d="M318.57 223.95l322.99 322.99c21.87 21.87 57.33 21.87 79.2 0 21.87-21.87 21.87-57.33 0-79.2l-323-322.99c-21.87-21.87-57.33-21.87-79.2 0-21.86 21.87-21.86 57.33 0.01 79.2z" fill="#14355C" p-id="1639"></path><path d="M729.75 555.95L406.76 878.93c-21.87 21.87-57.33 21.87-79.2 0-21.87-21.87-21.87-57.33 0-79.2l322.99-322.99c21.87-21.87 57.33-21.87 79.2 0 21.87 21.88 21.87 57.34 0 79.21z" fill="#14355C" p-id="1640"></path></svg> */}
|
|
||||||
</button>
|
</button>
|
||||||
)}
|
)}
|
||||||
</div>
|
</div>
|
||||||
|
|
|
||||||
|
|
@ -307,6 +307,7 @@
|
||||||
background-image: linear-gradient(135deg, #1a2a4a 0%, #2d4a7c 100%);
|
background-image: linear-gradient(135deg, #1a2a4a 0%, #2d4a7c 100%);
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
||||||
/* News */
|
/* News */
|
||||||
.newsGrid {
|
.newsGrid {
|
||||||
gap: 1.25rem;
|
gap: 1.25rem;
|
||||||
|
|
|
||||||
|
|
@ -32,7 +32,7 @@ export default function Home() {
|
||||||
{/* Hero */}
|
{/* Hero */}
|
||||||
<Banner
|
<Banner
|
||||||
title={banner?.title ?? ""}
|
title={banner?.title ?? ""}
|
||||||
desc={banner?.content}
|
desc={<span style={{ fontSize: '2.125rem' }}>{banner?.content}</span>}
|
||||||
backgroundImage={banner?.backgroundImage }
|
backgroundImage={banner?.backgroundImage }
|
||||||
/>
|
/>
|
||||||
|
|
||||||
|
|
|
||||||
Loading…
Reference in New Issue