This commit is contained in:
lb
2024-01-25 10:31:51 +08:00
parent b27a20f3cf
commit 2fb3d05f8c
13 changed files with 288 additions and 40 deletions

View File

@@ -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}
>

View 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;

View 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;
}

View File

@@ -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"]}

View File

@@ -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;

View File

@@ -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) =>