This commit is contained in:
parent
785b455176
commit
e78a17328c
Binary file not shown.
|
Before Width: | Height: | Size: 14 MiB After Width: | Height: | Size: 560 KiB |
|
|
@ -41,15 +41,23 @@
|
|||
}
|
||||
.honorGridsItemLargeTitle {
|
||||
font-weight: 600;
|
||||
font-size: 1.25rem;
|
||||
font-size: 30px;
|
||||
color: #222222;
|
||||
line-height: 1.875rem;
|
||||
line-height: 40px;
|
||||
font-family: Source Han Sans, Source Han Sans;
|
||||
}
|
||||
|
||||
.honorGridsItemTitle {
|
||||
font-size: 1.25rem;
|
||||
}
|
||||
|
||||
.honorGridsItemLargeTitleContent {
|
||||
font-weight: 400;
|
||||
font-size: 16px;
|
||||
color: #222222;
|
||||
line-height: 22px;
|
||||
}
|
||||
|
||||
.honorGridsItemBgleft,
|
||||
.honorGridsItemBgright {
|
||||
width: 4.375rem;
|
||||
|
|
|
|||
|
|
@ -22,7 +22,7 @@ export default function HonorGrids({ data }: { data: Data }) {
|
|||
style={{ backgroundImage: "url(/images/icons/honor-left.png)" }}
|
||||
></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}
|
||||
style={{ backgroundImage: "url(/images/icons/honor-right.png)" }}
|
||||
></div>
|
||||
|
|
|
|||
|
|
@ -10,6 +10,11 @@
|
|||
|
||||
.paragraphSectionContent {
|
||||
white-space: pre-line;
|
||||
font-family: Source Han Sans, Source Han Sans;
|
||||
font-weight: 400;
|
||||
font-size: 18px;
|
||||
color: #222222;
|
||||
line-height: 36px;
|
||||
|
||||
.paragraphSectionTitle {
|
||||
font-weight: bold;
|
||||
|
|
|
|||
|
|
@ -84,7 +84,7 @@
|
|||
|
||||
.contentItemTitle {
|
||||
/* height: 6.25rem; */
|
||||
font-weight: 500;
|
||||
font-weight: 600;
|
||||
font-size: 1.5rem;
|
||||
color: #FFFFFF;
|
||||
transition: all var(--duration) ease-in-out;
|
||||
|
|
@ -114,6 +114,7 @@
|
|||
.contentItemContent {
|
||||
font-size: 1rem;
|
||||
/* margin-top: 2.5rem; */
|
||||
line-height: 34px;
|
||||
}
|
||||
|
||||
.contentItemLinks {
|
||||
|
|
|
|||
|
|
@ -26,12 +26,22 @@
|
|||
font-weight: 600;
|
||||
color: #222;
|
||||
margin-bottom: .25rem;
|
||||
|
||||
font-family: Source Han Sans, Source Han Sans;
|
||||
font-size: 16px;
|
||||
color: #222222;
|
||||
line-height: 22px;
|
||||
}
|
||||
|
||||
.footerLink {
|
||||
font-size: .8125rem;
|
||||
color: #666;
|
||||
text-decoration: none;
|
||||
font-family: Source Han Sans, Source Han Sans;
|
||||
font-weight: 400;
|
||||
font-size: 14px;
|
||||
color: #666666;
|
||||
line-height: 20px;
|
||||
}
|
||||
|
||||
.footerLink:hover {
|
||||
|
|
|
|||
|
|
@ -1,9 +1,11 @@
|
|||
import { Link } from "react-router-dom";
|
||||
import { Link, useLocation } from "react-router-dom";
|
||||
import styles from "./Footer.module.css";
|
||||
import { useStore } from "@/store";
|
||||
import type { NavItem, NavChild } from "@/type";
|
||||
import { useEffect, useState } from "react";
|
||||
|
||||
export default function Footer() {
|
||||
const location = useLocation();
|
||||
const appConfig = useStore((s) => s.appConfig);
|
||||
const footer = appConfig?.__global__?.footer;
|
||||
|
||||
|
|
@ -15,9 +17,15 @@ export default function Footer() {
|
|||
const icpNumber = footer?.icpNumber ?? "京ICP备05026114号-1";
|
||||
|
||||
const logo = appConfig?.__global__.company?.logo;
|
||||
const [path, setPath] = useState("");
|
||||
useEffect(() => {
|
||||
setPath(location.pathname);
|
||||
}, [location]);
|
||||
|
||||
return (
|
||||
<footer className={`layout-footer ${styles.footer}`}>
|
||||
<footer className={`layout-footer ${styles.footer}`} style={{
|
||||
background: path === "/" ? "#fff" : "#F6F6F6",
|
||||
}}>
|
||||
<div className={styles.footerUpper}>
|
||||
<div>
|
||||
<div className={styles.footerGrid}>
|
||||
|
|
|
|||
Loading…
Reference in New Issue