66 lines
1.4 KiB
TypeScript
66 lines
1.4 KiB
TypeScript
import { FC } from "react";
|
|
|
|
import popAnhui from "./弹窗安徽.png";
|
|
import popJiangsu from "./弹窗江苏.png";
|
|
import popShanghai from "./弹窗上海.png";
|
|
import popZhejiang from "./弹窗浙江.png";
|
|
|
|
import bgJituan from "./大屏-集团.png";
|
|
import bgShichang from "./大屏-市场部.png";
|
|
|
|
import classes from "./bigscreen.module.css";
|
|
|
|
type Props = {
|
|
bg?: "jituan" | "shichang";
|
|
};
|
|
|
|
export const BigScreen: FC<Props> = (props) => {
|
|
const { bg } = props;
|
|
const bgUrl = bg == "jituan" ? bgJituan : bgShichang;
|
|
return (
|
|
<div
|
|
className={classes.screen}
|
|
style={{
|
|
backgroundImage: `url("${bgUrl}")`,
|
|
}}
|
|
>
|
|
<div
|
|
className={classes.pop}
|
|
style={{
|
|
top: "662px",
|
|
left: "533px",
|
|
}}
|
|
>
|
|
<img src={popZhejiang}></img>
|
|
</div>
|
|
<div
|
|
className={classes.pop}
|
|
style={{
|
|
top: "252px",
|
|
left: "503px",
|
|
}}
|
|
>
|
|
<img src={popJiangsu}></img>
|
|
</div>
|
|
<div
|
|
className={classes.pop}
|
|
style={{
|
|
top: "380px",
|
|
left: "303px",
|
|
}}
|
|
>
|
|
<img src={popAnhui}></img>
|
|
</div>
|
|
<div
|
|
className={classes.pop}
|
|
style={{
|
|
top: "480px",
|
|
left: "650px",
|
|
}}
|
|
>
|
|
<img src={popShanghai}></img>
|
|
</div>
|
|
</div>
|
|
);
|
|
};
|