+
+ );
+};
+
+export default QuickLink;
diff --git a/src/components/quickLink/link.svg b/src/components/quickLink/link.svg
new file mode 100644
index 0000000..892de6a
--- /dev/null
+++ b/src/components/quickLink/link.svg
@@ -0,0 +1,4 @@
+
diff --git a/src/components/quickLink/quickLinkLogo/1.svg b/src/components/quickLink/quickLinkLogo/1.svg
new file mode 100644
index 0000000..202fc63
--- /dev/null
+++ b/src/components/quickLink/quickLinkLogo/1.svg
@@ -0,0 +1,9 @@
+
diff --git a/src/components/quickLink/quickLinkLogo/2.svg b/src/components/quickLink/quickLinkLogo/2.svg
new file mode 100644
index 0000000..c1e79f5
--- /dev/null
+++ b/src/components/quickLink/quickLinkLogo/2.svg
@@ -0,0 +1,9 @@
+
diff --git a/src/components/quickLink/quickLinkLogo/3.svg b/src/components/quickLink/quickLinkLogo/3.svg
new file mode 100644
index 0000000..19b7f1f
--- /dev/null
+++ b/src/components/quickLink/quickLinkLogo/3.svg
@@ -0,0 +1,9 @@
+
diff --git a/src/components/quickLink/quickLinkLogo/4.svg b/src/components/quickLink/quickLinkLogo/4.svg
new file mode 100644
index 0000000..fa51a60
--- /dev/null
+++ b/src/components/quickLink/quickLinkLogo/4.svg
@@ -0,0 +1,9 @@
+
diff --git a/src/components/schedule/course/main/Main.css b/src/components/schedule/course/main/Main.css
new file mode 100644
index 0000000..72974cd
--- /dev/null
+++ b/src/components/schedule/course/main/Main.css
@@ -0,0 +1,81 @@
+@font-face {
+ /* 引入Rubik字体，给时间用*/
+ font-family: "Rubik";
+ src: url("./Rubik/Rubik-Bold.ttf") format("truetype");
+ font-weight: bold;
+ font-style: normal;
+}
+
+.main-wrap {
+ --main-font-color: black;
+ --main-time-color: #128f9d;
+ --main-header-color: #92dbd8;
+ display: flex;
+ flex-direction: column;
+ width: min(12.5rem, 48.543689vw);
+ height: 10.625rem;
+ justify-content: space-evenly;
+ background-color: var(--element-background-color);
+ color: var(--main-font-color);
+ margin-top: 0;
+ gap: 0.1875rem;
+ .main-head {
+ display: flex;
+ flex-direction: column;
+ align-items: flex-start;
+ justify-content: space-between;
+ font-size: 0.875rem;
+ font-weight: 500;
+ color: var(--main-header-color);
+ #time {
+ font-family: "Rubik", sans-serif;
+ font-size: 2.1875rem;
+ font-weight: 700;
+ color: var(--main-time-color);
+ margin-top: 0.1875rem;
+ margin-bottom: 0.1875rem;
+ }
+ #main-coursename {
+ font-size: 1.5rem;
+ font-weight: 900;
+ color: var(--main-font-color);
+ }
+ }
+
+ .main-body {
+ display: flex;
+ flex-direction: column;
+ height: 89.54px;
+ justify-content: space-between;
+ align-items: flex-start;
+ text-align: justify;
+ div {
+ display: flex;
+ flex-direction: row;
+ align-items: center;
+ gap: 6px;
+ font-weight: 400;
+ }
+ }
+
+ .main-body-default {
+ display: flex;
+ flex-direction: column;
+ height: 61.05px;
+ justify-content: space-between;
+ align-items: flex-start;
+ text-align: center;
+ div {
+ display: flex;
+ flex-direction: row;
+ align-items: center;
+ gap: 6px;
+ font-weight: bold;
+ font-size: min(16px, 4.383561644vw);
+ }
+ }
+}
+
+.main-wrap:hover {
+ text-decoration: none;
+}
diff --git a/src/components/schedule/course/main/Main.tsx b/src/components/schedule/course/main/Main.tsx
new file mode 100644
index 0000000..8a6879e
--- /dev/null
+++ b/src/components/schedule/course/main/Main.tsx
@@ -0,0 +1,42 @@
+import spot from "./main-logo/spot.svg";
+import time from "./main-logo/time.svg";
+import remarks from "./main-logo/remarks.svg";
+import "./Main.css";
+import { courseMain } from "../../schedule-body/Schedule";
+
+function Main({ course, flag }: { course: courseMain; flag: boolean }) {
+ let remark = <>;
+ let className: string = "main-body-default";
+ //如果flag为true，则说明用户做了备注，那么remark会变成显示备注的标签
+ if (flag) {
+ className = "main-body";
+ remark = (
+
+ 
+ 快捷链接
+
+
+ {/**为了让动画演示完毕再跳转，用了ref和useEffect，而一个标签需要一个独立的ref，为了避免大段重复，做成组件 */}
+
+ 
+
+
+ 
+
+
+ 
+
+
+ 
+
+
+
+ 
+ {course.description}
+
+ );
+ }
+ return (
+
+
+
+ 距上课
+ {course.startTime}
+ {course.name}
+
+
+
+ );
+}
+
+export default Main;
diff --git a/src/components/schedule/course/main/Rubik/Rubik-Black.ttf b/src/components/schedule/course/main/Rubik/Rubik-Black.ttf
new file mode 100644
index 0000000000000000000000000000000000000000..306fc8128ca3087efd0b302caeb2c25b38d3576d
GIT binary patch
literal 211696
zcmeFa2bdhiwLe
+ 
+ {course.location}
+
+
+ 
+ {course.duration}
+
+ {remark}
+ 1QGp)s)Y*U9my>|-(aC*qBHy^r`M}KKnLu4GL-)eGYpuz
zDt5&uI-~L^#gK(No<<2fIgncfZ3!jZjIl~Ee4z*