diff --git a/src/components/Yidian/Yidian.tsx b/src/components/Yidian/Yidian.tsx index 753ef4c..73a3394 100644 --- a/src/components/Yidian/Yidian.tsx +++ b/src/components/Yidian/Yidian.tsx @@ -158,6 +158,7 @@ import { FundProjectionScreenOutlined, HomeOutlined, } from "@ant-design/icons"; +import { BigScreen } from "../../screen/bigscreen/bigscreen"; interface Props { className?: string; @@ -2779,7 +2780,7 @@ export const Yidian: FC = memo(function Yidian(props = {}) { )} - {currentPage == "bigscreen" &&
驾驶舱
} + {currentPage == "bigscreen" && }
diff --git a/src/screen/bigscreen/bigscreen.module.css b/src/screen/bigscreen/bigscreen.module.css new file mode 100644 index 0000000..1ea1a17 --- /dev/null +++ b/src/screen/bigscreen/bigscreen.module.css @@ -0,0 +1,54 @@ +.screen { + /* position: fixed; */ + /* z-index: 9099; */ + /* top: 0; */ + /* left: 0; */ + width: 1920px; + height: 1080px; + position: absolute; + top: 85px; + left: 10px; + transform: scale(calc(1695/1920)); + transform-origin: 0 0; + /* overflow: scroll; */ +} +.pop{ + position: absolute; + width: 140px; + height: 60px; + z-index: 1; + cursor: pointer; + /* background: red; */ +} +.pop img{ + display: none; + position: absolute; + top: 100%; + left: -120px; + width: 374px; + height:462px; +} +.pop:hover img { + display: block; +} +/* img { + position: absolute; + top: 0; + left: 0; + z-index: 1; + padding-top: 100px; + width: 374px; + height:462px; +} +img::before{ + content: ""; + position: absolute; + top: 100px; + left: 0; + width: 100px; + height: 100px; + +} +img:hover{ + display: none; +} */ \ No newline at end of file diff --git a/src/screen/bigscreen/bigscreen.tsx b/src/screen/bigscreen/bigscreen.tsx new file mode 100644 index 0000000..68e7b46 --- /dev/null +++ b/src/screen/bigscreen/bigscreen.tsx @@ -0,0 +1,79 @@ +import { FC } from "react"; + +import bg from "./大屏.png"; +import popAnhui from "./弹窗安徽.png"; +import popJiangsu from "./弹窗江苏.png"; +import popShanghai from "./弹窗上海.png"; +import popZhejiang from "./弹窗浙江.png"; + +import classes from "./bigscreen.module.css"; + +export const BigScreen: FC<{}> = () => { + return ( +
+
+ +
+
+ +
+
+ +
+
+ +
+ + {/* + + */} +
+ ); +}; diff --git a/src/screen/bigscreen/大屏.png b/src/screen/bigscreen/大屏.png new file mode 100644 index 0000000..1eb5eb5 Binary files /dev/null and b/src/screen/bigscreen/大屏.png differ diff --git a/src/screen/bigscreen/弹窗上海.png b/src/screen/bigscreen/弹窗上海.png new file mode 100644 index 0000000..a9c5fbc Binary files /dev/null and b/src/screen/bigscreen/弹窗上海.png differ diff --git a/src/screen/bigscreen/弹窗安徽.png b/src/screen/bigscreen/弹窗安徽.png new file mode 100644 index 0000000..a9c5fbc Binary files /dev/null and b/src/screen/bigscreen/弹窗安徽.png differ diff --git a/src/screen/bigscreen/弹窗江苏.png b/src/screen/bigscreen/弹窗江苏.png new file mode 100644 index 0000000..5441f32 Binary files /dev/null and b/src/screen/bigscreen/弹窗江苏.png differ diff --git a/src/screen/bigscreen/弹窗浙江.png b/src/screen/bigscreen/弹窗浙江.png new file mode 100644 index 0000000..4ace25c Binary files /dev/null and b/src/screen/bigscreen/弹窗浙江.png differ