From 270ca5dce72f04774a3bdbe11bc343648ae00ac2 Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?=E2=80=98937886381=E2=80=99?= <‘937886381@qq.com’> Date: Mon, 2 Sep 2024 09:55:47 +0800 Subject: [PATCH] =?UTF-8?q?=E4=BF=AE=E6=94=B9bug?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- .../KilnBottomForecast/index.module.css | 2 +- .../KilnMiddleForecast/index.module.css | 2 +- .../components/KilnTopForecast/index.jsx | 2 +- .../KilnTopForecast/index.module.css | 2 +- .../components/inputData/index.jsx | 14 +- .../components/inputData/index.module.css | 126 +++++++++++++++++- .../leftBottomForecast/index.module.css | 1 + .../leftMiddleForecast/index.module.css | 2 + .../leftTopForecast/index.module.css | 1 + .../components/seasonButton/index.jsx | 6 +- 10 files changed, 141 insertions(+), 17 deletions(-) diff --git a/src/components/Modules/KilnOptimize/components/KilnBottomForecast/index.module.css b/src/components/Modules/KilnOptimize/components/KilnBottomForecast/index.module.css index fc909fa..2b75a3f 100644 --- a/src/components/Modules/KilnOptimize/components/KilnBottomForecast/index.module.css +++ b/src/components/Modules/KilnOptimize/components/KilnBottomForecast/index.module.css @@ -8,7 +8,7 @@ } .item{ display: inline-block; - margin-right: 30px; + margin-right:45px; font-size: 11px; position: relative; color: #DFF1FE; diff --git a/src/components/Modules/KilnOptimize/components/KilnMiddleForecast/index.module.css b/src/components/Modules/KilnOptimize/components/KilnMiddleForecast/index.module.css index fca6f96..6f036d8 100644 --- a/src/components/Modules/KilnOptimize/components/KilnMiddleForecast/index.module.css +++ b/src/components/Modules/KilnOptimize/components/KilnMiddleForecast/index.module.css @@ -8,7 +8,7 @@ } .item{ display: inline-block; - margin-right: 30px; + margin-right: 45px; font-size: 11px; position: relative; color: #DFF1FE; diff --git a/src/components/Modules/KilnOptimize/components/KilnTopForecast/index.jsx b/src/components/Modules/KilnOptimize/components/KilnTopForecast/index.jsx index 34816e8..2bd48e2 100644 --- a/src/components/Modules/KilnOptimize/components/KilnTopForecast/index.jsx +++ b/src/components/Modules/KilnOptimize/components/KilnTopForecast/index.jsx @@ -1,7 +1,7 @@ /* * @Author: zhp * @Date: 2024-08-23 14:44:30 - * @LastEditTime: 2024-08-30 17:30:51 + * @LastEditTime: 2024-09-02 08:29:07 * @LastEditors: zhp * @Description: */ diff --git a/src/components/Modules/KilnOptimize/components/KilnTopForecast/index.module.css b/src/components/Modules/KilnOptimize/components/KilnTopForecast/index.module.css index c7d71f4..416cda1 100644 --- a/src/components/Modules/KilnOptimize/components/KilnTopForecast/index.module.css +++ b/src/components/Modules/KilnOptimize/components/KilnTopForecast/index.module.css @@ -8,7 +8,7 @@ } .item{ display: inline-block; - margin-right: 30px; + margin-right: 45px; font-size: 11px; position: relative; color: #DFF1FE; diff --git a/src/components/Modules/KilnOptimize/components/inputData/index.jsx b/src/components/Modules/KilnOptimize/components/inputData/index.jsx index c33b745..194a7d4 100644 --- a/src/components/Modules/KilnOptimize/components/inputData/index.jsx +++ b/src/components/Modules/KilnOptimize/components/inputData/index.jsx @@ -1,7 +1,7 @@ /* * @Author: zhp * @Date: 2024-08-22 14:00:57 - * @LastEditTime: 2024-08-30 13:55:33 + * @LastEditTime: 2024-09-02 09:50:49 * @LastEditors: zhp * @Description: */ @@ -82,7 +82,7 @@ function InputDataToggle() { cls.content }>

焦炉煤气设定总量

@@ -104,7 +104,7 @@ function InputDataToggle() { cls.content }>

助燃风流量

@@ -133,7 +133,7 @@ function InputDataToggle() { cls.content }>

产品规格设定标准

@@ -155,7 +155,7 @@ function InputDataToggle() { cls.content }>

循环水流量

@@ -184,7 +184,7 @@ function InputDataToggle() { cls.content }>

配料水分含量

@@ -206,7 +206,7 @@ function InputDataToggle() { cls.content }>

玻璃液出口宽度

diff --git a/src/components/Modules/KilnOptimize/components/inputData/index.module.css b/src/components/Modules/KilnOptimize/components/inputData/index.module.css index a2f5b97..752dc5c 100644 --- a/src/components/Modules/KilnOptimize/components/inputData/index.module.css +++ b/src/components/Modules/KilnOptimize/components/inputData/index.module.css @@ -23,7 +23,7 @@ padding:5px 10px; font-size: 32px; line-height: 48px; - letter-spacing: 6px; + letter-spacing: 2px; background: url(../../../../../assets/paramsData.png) no-repeat; background-size: 100% 90%; background-position: bottom; @@ -82,7 +82,7 @@ backdrop-filter: blur(0px); } - .outTitle{ + .outputTitle{ flex: 1; height: 56px; position: relative; @@ -94,7 +94,7 @@ letter-spacing: 1px; text-align: right; } - .outTitle::after { + .outputTitle::after { content: ""; top: 73%; position: absolute; @@ -106,3 +106,123 @@ box-shadow: 0px 2px 6px 0px rgba(43,255,223,0.55); backdrop-filter: blur(0px); } +.productTitle{ + flex: 1; + height: 56px; + position: relative; + font-family: PingFangSC, PingFang SC; + font-weight: 400; + font-size: 24px; + color: #FFFFFF; + line-height: 56px; + letter-spacing: 1px; + text-align: right; +} +.productTitle::after { + content: ""; + top: 73%; + position: absolute; + bottom: 0; + left: 14%; + width: 85%; /* 调整此处的宽度值来改变下划线的宽度,例如 50% 表示占文字宽度的一半 */ + height: 4px; /* 调整下划线的高度 */ + background-image: linear-gradient(173deg, rgba(47, 47, 49, 0) 0%, #2BFFDF 100%); + box-shadow: 0px 2px 6px 0px rgba(43,255,223,0.55); + backdrop-filter: blur(0px); + } +.waterTitle{ + flex: 1; + height: 56px; + position: relative; + font-family: PingFangSC, PingFang SC; + font-weight: 400; + font-size: 24px; + color: #FFFFFF; + line-height: 56px; + letter-spacing: 1px; + text-align: right; +} +.waterTitle::after { + content: ""; + top: 73%; + position: absolute; + bottom: 0; + left: 40%; + width: 60%; /* 调整此处的宽度值来改变下划线的宽度,例如 50% 表示占文字宽度的一半 */ + height: 4px; /* 调整下划线的高度 */ + background-image: linear-gradient(173deg, rgba(47, 47, 49, 0) 0%, #2BFFDF 100%); + box-shadow: 0px 2px 6px 0px rgba(43,255,223,0.55); + backdrop-filter: blur(0px); + } +.peiWaterTitle{ + flex: 1; + height: 56px; + position: relative; + font-family: PingFangSC, PingFang SC; + font-weight: 400; + font-size: 24px; + color: #FFFFFF; + line-height: 56px; + letter-spacing: 1px; + text-align: right; +} +.peiWaterTitle::after { + content: ""; + top: 73%; + position: absolute; + bottom: 0; + left: 30%; + width: 68%; /* 调整此处的宽度值来改变下划线的宽度,例如 50% 表示占文字宽度的一半 */ + height: 4px; /* 调整下划线的高度 */ + background-image: linear-gradient(173deg, rgba(47, 47, 49, 0) 0%, #2BFFDF 100%); + box-shadow: 0px 2px 6px 0px rgba(43,255,223,0.55); + backdrop-filter: blur(0px); + } +.windTitle{ + flex: 1; + height: 56px; + position: relative; + font-family: PingFangSC, PingFang SC; + font-weight: 400; + font-size: 24px; + color: #FFFFFF; + line-height: 56px; + letter-spacing: 1px; + text-align: right; +} +.windTitle::after { + content: ""; + top: 73%; + position: absolute; + bottom: 0; + left: 39%; + width: 59%; /* 调整此处的宽度值来改变下划线的宽度,例如 50% 表示占文字宽度的一半 */ + height: 4px; /* 调整下划线的高度 */ + background-image: linear-gradient(173deg, rgba(47, 47, 49, 0) 0%, #2BFFDF 100%); + box-shadow: 0px 2px 6px 0px rgba(43,255,223,0.55); + backdrop-filter: blur(0px); + } +.gasTitle{ + flex: 1; + height: 56px; + position: relative; + font-family: PingFangSC, PingFang SC; + font-weight: 400; + font-size: 24px; + color: #FFFFFF; + line-height: 56px; + letter-spacing: 1px; + text-align: right; +} +.gasTitle::after { + content: ""; + top: 73%; + position: absolute; + bottom: 0; + left: 11%; + width: 88%; /* 调整此处的宽度值来改变下划线的宽度,例如 50% 表示占文字宽度的一半 */ + height: 4px; /* 调整下划线的高度 */ + background-image: linear-gradient(173deg, rgba(47, 47, 49, 0) 0%, #2BFFDF 100%); + box-shadow: 0px 2px 6px 0px rgba(43,255,223,0.55); + backdrop-filter: blur(0px); + } diff --git a/src/components/Modules/KilnOptimize/components/leftBottomForecast/index.module.css b/src/components/Modules/KilnOptimize/components/leftBottomForecast/index.module.css index 43ff21b..a0dae05 100644 --- a/src/components/Modules/KilnOptimize/components/leftBottomForecast/index.module.css +++ b/src/components/Modules/KilnOptimize/components/leftBottomForecast/index.module.css @@ -45,6 +45,7 @@ width: 320px; /* flex: 1; */ text-align: right; + color: rgba(255, 255, 255, 1); } } } diff --git a/src/components/Modules/KilnOptimize/components/leftMiddleForecast/index.module.css b/src/components/Modules/KilnOptimize/components/leftMiddleForecast/index.module.css index d864f0c..6946934 100644 --- a/src/components/Modules/KilnOptimize/components/leftMiddleForecast/index.module.css +++ b/src/components/Modules/KilnOptimize/components/leftMiddleForecast/index.module.css @@ -57,6 +57,7 @@ .value { flex: 5; text-align: left; + color: rgba(255, 255, 255, 1); } } .info__item { @@ -104,6 +105,7 @@ .value { flex: 3; text-align: left; + color: rgba(255, 255, 255, 1); } } .info__item::before{ diff --git a/src/components/Modules/KilnOptimize/components/leftTopForecast/index.module.css b/src/components/Modules/KilnOptimize/components/leftTopForecast/index.module.css index 918746f..9efe59f 100644 --- a/src/components/Modules/KilnOptimize/components/leftTopForecast/index.module.css +++ b/src/components/Modules/KilnOptimize/components/leftTopForecast/index.module.css @@ -56,6 +56,7 @@ .value { flex: 3; text-align: left; + color: rgba(255, 255, 255, 1); } } .info__item::before{ diff --git a/src/components/Modules/KilnOptimize/components/seasonButton/index.jsx b/src/components/Modules/KilnOptimize/components/seasonButton/index.jsx index abdd654..b5aea4e 100644 --- a/src/components/Modules/KilnOptimize/components/seasonButton/index.jsx +++ b/src/components/Modules/KilnOptimize/components/seasonButton/index.jsx @@ -1,7 +1,7 @@ /* * @Author: zhp * @Date: 2024-08-22 14:00:57 - * @LastEditTime: 2024-08-22 14:33:33 + * @LastEditTime: 2024-09-02 09:30:37 * @LastEditors: zhp * @Description: */ @@ -48,7 +48,7 @@ function SeasonToggle() { } onClick={() => onSeasonUpdate(3)} > - 夏季 + 秋季
onSeasonUpdate(4)} > - 夏季 + 冬季
);