1
This commit is contained in:
@@ -171,6 +171,7 @@ function WindFrequence(props) {
|
||||
switchPosition={[null, 200]} // [top, left]
|
||||
onSwitch={handleSwitchChange}
|
||||
dateOptions={["Y61", "Y62", "Y63", "Y64", "Y65"]}
|
||||
selectWidth={70}
|
||||
defaultSelect={currLine}
|
||||
onDateChange={handleLineChange}
|
||||
>
|
||||
|
||||
12
src/components/Common/Arrow/index.jsx
Normal file
12
src/components/Common/Arrow/index.jsx
Normal file
@@ -0,0 +1,12 @@
|
||||
import cls from './index.module.css';
|
||||
|
||||
const Arrow = ({direction, disabled, onClick}) => {
|
||||
return (
|
||||
<div className={cls["arrow"]}>
|
||||
<div className={cls['arrow-top']}></div>
|
||||
<div className={cls["arrow-bottom"]}></div>
|
||||
</div>
|
||||
)
|
||||
}
|
||||
|
||||
export default Arrow;
|
||||
25
src/components/Common/Arrow/index.module.css
Normal file
25
src/components/Common/Arrow/index.module.css
Normal file
@@ -0,0 +1,25 @@
|
||||
.arrow {
|
||||
width: 16px;
|
||||
height: 48px;
|
||||
background: #ccc;
|
||||
position: relative;
|
||||
}
|
||||
|
||||
.arrow-top {
|
||||
background: #00f3ed;
|
||||
width: 8px;
|
||||
height: 24px;
|
||||
position: absolute;
|
||||
top: 0;
|
||||
left: 0;
|
||||
border-radius: 12px;
|
||||
}
|
||||
.arrow-bottom {
|
||||
background: #00f3ed;
|
||||
width: 8px;
|
||||
height: 24px;
|
||||
position: absolute;
|
||||
bottom: 0;
|
||||
left: 0;
|
||||
border-radius: 12px;
|
||||
}
|
||||
@@ -64,6 +64,7 @@ function WindFrequence(props) {
|
||||
icon="temp"
|
||||
title="当前温度"
|
||||
dateOptions={["Y61", "Y62", "Y63", "Y64", "Y65"]}
|
||||
selectWidth={70}
|
||||
defaultSelect={dataSource}
|
||||
onDateChange={handleSourceChange}
|
||||
size={["middle", "long"]}
|
||||
|
||||
@@ -24,9 +24,9 @@
|
||||
.headWidget {
|
||||
position: absolute;
|
||||
top: 22px;
|
||||
right: 24px;
|
||||
left: 178px;
|
||||
height: 32px;
|
||||
width: 400px;
|
||||
width: calc(100% - 200px);
|
||||
/* background: #12fff5; */
|
||||
display: flex;
|
||||
align-items: center;
|
||||
|
||||
@@ -172,7 +172,7 @@ function getOptions(dataList, showMore, dateType) {
|
||||
if (list.length === 0 || list.filter((item) => item.sum).length == 0)
|
||||
return null;
|
||||
const color = ["#FFD160", "#12FFF5", "#2760FF"];
|
||||
const grid = { top: 28, right: 12, bottom: 48, left: 48 };
|
||||
const grid = { top: 28, right: 12, bottom: showMore ? 72 : 64, left: 48 };
|
||||
const xAxis = {
|
||||
type: "category",
|
||||
data: list.map((item) =>
|
||||
|
||||
Reference in New Issue
Block a user