This commit is contained in:
zhangjianjun 2026-03-31 11:01:43 +08:00
parent 785b455176
commit e78a17328c
7 changed files with 39 additions and 7 deletions

Binary file not shown.

Before

Width:  |  Height:  |  Size: 14 MiB

After

Width:  |  Height:  |  Size: 560 KiB

View File

@ -41,15 +41,23 @@
} }
.honorGridsItemLargeTitle { .honorGridsItemLargeTitle {
font-weight: 600; font-weight: 600;
font-size: 1.25rem; font-size: 30px;
color: #222222; color: #222222;
line-height: 1.875rem; line-height: 40px;
font-family: Source Han Sans, Source Han Sans;
} }
.honorGridsItemTitle { .honorGridsItemTitle {
font-size: 1.25rem; font-size: 1.25rem;
} }
.honorGridsItemLargeTitleContent {
font-weight: 400;
font-size: 16px;
color: #222222;
line-height: 22px;
}
.honorGridsItemBgleft, .honorGridsItemBgleft,
.honorGridsItemBgright { .honorGridsItemBgright {
width: 4.375rem; width: 4.375rem;

View File

@ -22,7 +22,7 @@ export default function HonorGrids({ data }: { data: Data }) {
style={{ backgroundImage: "url(/images/icons/honor-left.png)" }} style={{ backgroundImage: "url(/images/icons/honor-left.png)" }}
></div> ></div>
<div className={styles.honorGridsItemLargeTitle}>{item.largeTitle}</div> <div className={styles.honorGridsItemLargeTitle}>{item.largeTitle}</div>
<div className={styles.honorGridsItemTitle}>{item.title}</div> <div className={`${styles.honorGridsItemTitle} ${styles.honorGridsItemLargeTitle ? styles.honorGridsItemLargeTitleContent : ""}`}>{item.title}</div>
<div className={styles.honorGridsItemBgright} <div className={styles.honorGridsItemBgright}
style={{ backgroundImage: "url(/images/icons/honor-right.png)" }} style={{ backgroundImage: "url(/images/icons/honor-right.png)" }}
></div> ></div>

View File

@ -10,6 +10,11 @@
.paragraphSectionContent { .paragraphSectionContent {
white-space: pre-line; white-space: pre-line;
font-family: Source Han Sans, Source Han Sans;
font-weight: 400;
font-size: 18px;
color: #222222;
line-height: 36px;
.paragraphSectionTitle { .paragraphSectionTitle {
font-weight: bold; font-weight: bold;

View File

@ -84,7 +84,7 @@
.contentItemTitle { .contentItemTitle {
/* height: 6.25rem; */ /* height: 6.25rem; */
font-weight: 500; font-weight: 600;
font-size: 1.5rem; font-size: 1.5rem;
color: #FFFFFF; color: #FFFFFF;
transition: all var(--duration) ease-in-out; transition: all var(--duration) ease-in-out;
@ -114,6 +114,7 @@
.contentItemContent { .contentItemContent {
font-size: 1rem; font-size: 1rem;
/* margin-top: 2.5rem; */ /* margin-top: 2.5rem; */
line-height: 34px;
} }
.contentItemLinks { .contentItemLinks {

View File

@ -26,12 +26,22 @@
font-weight: 600; font-weight: 600;
color: #222; color: #222;
margin-bottom: .25rem; margin-bottom: .25rem;
font-family: Source Han Sans, Source Han Sans;
font-size: 16px;
color: #222222;
line-height: 22px;
} }
.footerLink { .footerLink {
font-size: .8125rem; font-size: .8125rem;
color: #666; color: #666;
text-decoration: none; text-decoration: none;
font-family: Source Han Sans, Source Han Sans;
font-weight: 400;
font-size: 14px;
color: #666666;
line-height: 20px;
} }
.footerLink:hover { .footerLink:hover {

View File

@ -1,9 +1,11 @@
import { Link } from "react-router-dom"; import { Link, useLocation } from "react-router-dom";
import styles from "./Footer.module.css"; import styles from "./Footer.module.css";
import { useStore } from "@/store"; import { useStore } from "@/store";
import type { NavItem, NavChild } from "@/type"; import type { NavItem, NavChild } from "@/type";
import { useEffect, useState } from "react";
export default function Footer() { export default function Footer() {
const location = useLocation();
const appConfig = useStore((s) => s.appConfig); const appConfig = useStore((s) => s.appConfig);
const footer = appConfig?.__global__?.footer; const footer = appConfig?.__global__?.footer;
@ -15,9 +17,15 @@ export default function Footer() {
const icpNumber = footer?.icpNumber ?? "京ICP备05026114号-1"; const icpNumber = footer?.icpNumber ?? "京ICP备05026114号-1";
const logo = appConfig?.__global__.company?.logo; const logo = appConfig?.__global__.company?.logo;
const [path, setPath] = useState("");
useEffect(() => {
setPath(location.pathname);
}, [location]);
return ( return (
<footer className={`layout-footer ${styles.footer}`}> <footer className={`layout-footer ${styles.footer}`} style={{
background: path === "/" ? "#fff" : "#F6F6F6",
}}>
<div className={styles.footerUpper}> <div className={styles.footerUpper}>
<div> <div>
<div className={styles.footerGrid}> <div className={styles.footerGrid}>