From 9342750233214f2261dff68e749b6e29ee0f1b35 Mon Sep 17 00:00:00 2001 From: lb Date: Sun, 2 Jul 2023 12:41:45 +0800 Subject: [PATCH] update bottomBar --- src/assets/bg-bottom-item.png | Bin 0 -> 18872 bytes .../BottomBar/BottomBarItem/index.jsx | 14 +++++++ .../BottomBar/BottomBarItem/index.module.css | 4 ++ src/components/BottomBar/FaultTotal/index.jsx | 12 ++++++ .../BottomBar/FaultTotal/index.module.css | 0 src/components/BottomBar/FaultType/index.jsx | 16 ++++++++ .../BottomBar/FaultType/index.module.css | 0 src/components/BottomBar/gasi/index.jsx | 12 ++++++ .../BottomBar/gasi/index.module.css | 0 src/components/BottomBar/gasii/index.jsx | 12 ++++++ .../BottomBar/gasii/index.module.css | 0 src/components/BottomBar/index.jsx | 36 ++++++++++-------- src/components/BottomBar/index.less | 20 +++++++--- src/components/BottomBar/index.module.css | 3 ++ src/components/Container.jsx | 9 +++++ src/pages/index.less | 1 - 16 files changed, 116 insertions(+), 23 deletions(-) create mode 100644 src/assets/bg-bottom-item.png create mode 100644 src/components/BottomBar/BottomBarItem/index.jsx create mode 100644 src/components/BottomBar/BottomBarItem/index.module.css create mode 100644 src/components/BottomBar/FaultTotal/index.jsx create mode 100644 src/components/BottomBar/FaultTotal/index.module.css create mode 100644 src/components/BottomBar/FaultType/index.jsx create mode 100644 src/components/BottomBar/FaultType/index.module.css create mode 100644 src/components/BottomBar/gasi/index.jsx create mode 100644 src/components/BottomBar/gasi/index.module.css create mode 100644 src/components/BottomBar/gasii/index.jsx create mode 100644 src/components/BottomBar/gasii/index.module.css create mode 100644 src/components/BottomBar/index.module.css diff --git a/src/assets/bg-bottom-item.png b/src/assets/bg-bottom-item.png new file mode 100644 index 0000000000000000000000000000000000000000..a45ee8eec2a4be9bb571f3c0887ce6818e99de37 GIT binary patch literal 18872 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 literal 0 HcmV?d00001 diff --git a/src/components/BottomBar/BottomBarItem/index.jsx b/src/components/BottomBar/BottomBarItem/index.jsx new file mode 100644 index 0000000..c321033 --- /dev/null +++ b/src/components/BottomBar/BottomBarItem/index.jsx @@ -0,0 +1,14 @@ +import cls from './index.module.css'; +import Container from '../../Container'; + +function BottomBarItem(props) { + return ( + + {props.children} + + ); +} diff --git a/src/components/BottomBar/BottomBarItem/index.module.css b/src/components/BottomBar/BottomBarItem/index.module.css new file mode 100644 index 0000000..24de92e --- /dev/null +++ b/src/components/BottomBar/BottomBarItem/index.module.css @@ -0,0 +1,4 @@ +.bottomBarItem { + background: url(../../../assets/bg-bottom-item.png) no-repeat; + background-size: 100% 100%; +} \ No newline at end of file diff --git a/src/components/BottomBar/FaultTotal/index.jsx b/src/components/BottomBar/FaultTotal/index.jsx new file mode 100644 index 0000000..f6dccc7 --- /dev/null +++ b/src/components/BottomBar/FaultTotal/index.jsx @@ -0,0 +1,12 @@ +import cls from './index.module.css'; +import BottomBarItem from '../BottomBarItem'; + +function FaultTotal(props) { + return ( + + 产线缺陷统计 堆叠图 颜色 上下legend 日周月年 + + ); +} + +export default FaultTotal; diff --git a/src/components/BottomBar/FaultTotal/index.module.css b/src/components/BottomBar/FaultTotal/index.module.css new file mode 100644 index 0000000..e69de29 diff --git a/src/components/BottomBar/FaultType/index.jsx b/src/components/BottomBar/FaultType/index.jsx new file mode 100644 index 0000000..601951c --- /dev/null +++ b/src/components/BottomBar/FaultType/index.jsx @@ -0,0 +1,16 @@ +import cls from './index.module.css'; +import BottomBarItem from '../BottomBarItem'; + +function FaultType(props) { + return ( + + 产线当日缺陷分类 - 环形图 左右 legend - 产线1-5 + + ); +} + +export default FaultType; diff --git a/src/components/BottomBar/FaultType/index.module.css b/src/components/BottomBar/FaultType/index.module.css new file mode 100644 index 0000000..e69de29 diff --git a/src/components/BottomBar/gasi/index.jsx b/src/components/BottomBar/gasi/index.jsx new file mode 100644 index 0000000..6402e94 --- /dev/null +++ b/src/components/BottomBar/gasi/index.jsx @@ -0,0 +1,12 @@ +import cls from './index.module.css'; +import BottomBarItem from '../BottomBarItem'; + +function GasI(props) { + return ( + + 助燃风流量 - linechart - 当前流量 - 0 legends - 1 line + + ); +} + +export default GasI; diff --git a/src/components/BottomBar/gasi/index.module.css b/src/components/BottomBar/gasi/index.module.css new file mode 100644 index 0000000..e69de29 diff --git a/src/components/BottomBar/gasii/index.jsx b/src/components/BottomBar/gasii/index.jsx new file mode 100644 index 0000000..d1a5b68 --- /dev/null +++ b/src/components/BottomBar/gasii/index.jsx @@ -0,0 +1,12 @@ +import cls from './index.module.css'; +import BottomBarItem from '../BottomBarItem'; + +function GasI(props) { + return ( + + 天然气流量 - linechart - 当前流量 - 2 legends - 2 lines + + ); +} + +export default GasI; diff --git a/src/components/BottomBar/gasii/index.module.css b/src/components/BottomBar/gasii/index.module.css new file mode 100644 index 0000000..e69de29 diff --git a/src/components/BottomBar/index.jsx b/src/components/BottomBar/index.jsx index 2b85968..1829e1d 100644 --- a/src/components/BottomBar/index.jsx +++ b/src/components/BottomBar/index.jsx @@ -1,20 +1,24 @@ -import React from 'react' -import { useEffect, useState } from 'react' -import { motion } from 'framer-motion' -import Chart1 from './Chart1' -import Chart2 from './Chart2' -import Chart3 from './Chart3' -import Chart4 from './Chart4' +import React from 'react'; +import { useEffect, useState } from 'react'; +import { motion } from 'framer-motion'; +import Chart1 from './Chart1'; +import Chart2 from './Chart2'; +import Chart3 from './Chart3'; +import Chart4 from './Chart4'; -import './index.less' +import './index.less'; +import cls from './index.module.css'; export default function index() { - return ( -
- - - - -
- ) + return ( + <> +
+ + + + +
+
+ + ); } diff --git a/src/components/BottomBar/index.less b/src/components/BottomBar/index.less index 7f22ad9..d1b646e 100644 --- a/src/components/BottomBar/index.less +++ b/src/components/BottomBar/index.less @@ -1,8 +1,16 @@ .ButtonBorder { - width: 100%; - height: 100%; - - display: flex; - flex-direction: row; - justify-content: space-around; + // width: 100%; + // height: 100%; + + display: flex; + flex-direction: row; + justify-content: space-around; + + position: fixed; + bottom: 0px; + left: 200px; + + z-index: 10000; + + background-color: #000; } diff --git a/src/components/BottomBar/index.module.css b/src/components/BottomBar/index.module.css new file mode 100644 index 0000000..569bd3d --- /dev/null +++ b/src/components/BottomBar/index.module.css @@ -0,0 +1,3 @@ +.bottomBar { + background-color: #0004; +} \ No newline at end of file diff --git a/src/components/Container.jsx b/src/components/Container.jsx index c48d12c..504bf27 100644 --- a/src/components/Container.jsx +++ b/src/components/Container.jsx @@ -23,6 +23,15 @@ const Container = (props) => { case 'smoke': icon.current = IconSmoke; break; + case 'chart': + icon.current = IconSmoke; + break; + case 'puzzle': + icon.current = IconSmoke; + break; + case 'pause': + icon.current = IconSmoke; + break; } return ( diff --git a/src/pages/index.less b/src/pages/index.less index fb6c9af..7958fa5 100644 --- a/src/pages/index.less +++ b/src/pages/index.less @@ -12,7 +12,6 @@ flex-direction: row; .Center { - background: #ce862f69; margin-top: 21px; margin-left: 24px; padding: 1px;