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 {
|
.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;
|
||||||
|
|
|
||||||
|
|
@ -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>
|
||||||
|
|
|
||||||
|
|
@ -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;
|
||||||
|
|
|
||||||
|
|
@ -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 {
|
||||||
|
|
|
||||||
|
|
@ -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 {
|
||||||
|
|
|
||||||
|
|
@ -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}>
|
||||||
|
|
|
||||||
Loading…
Reference in New Issue