|
|
@@ -42,89 +42,89 @@ const BotttomColorBlock = (props) => { |
|
|
|
function returnColor(n) { |
|
|
|
let num = Number(tempBottom[n].slice(0, tempBottom[n].length - 1)); |
|
|
|
if (num <= 100) { |
|
|
|
return "rgba(96, 0, 189, 0.7)"; |
|
|
|
return "rgba(96, 0, 189, 0.5)"; |
|
|
|
} else if (num > 100 && num <= 200) { |
|
|
|
return "rgba(102, 7, 255, 0.7)"; |
|
|
|
return "rgba(102, 7, 255, 0.5)"; |
|
|
|
} else if (num > 200 && num <= 300) { |
|
|
|
return "rgba(10, 20, 255, 0.7)"; |
|
|
|
return "rgba(10, 20, 255, 0.5)"; |
|
|
|
} else if (num > 300 && num <= 400) { |
|
|
|
return "rgba(7, 89, 255, 0.7)"; |
|
|
|
return "rgba(7, 89, 255, 0.5)"; |
|
|
|
} else if (num > 400 && num <= 500) { |
|
|
|
return "rgba(7, 139, 255, 0.7)"; |
|
|
|
return "rgba(7, 139, 255, 0.5)"; |
|
|
|
} else if (num > 500 && num <= 600) { |
|
|
|
return "rgba(7, 194, 255, 0.7)"; |
|
|
|
return "rgba(7, 194, 255, 0.5)"; |
|
|
|
} else if (num > 600 && num <= 700) { |
|
|
|
return "rgba(7, 255, 253, 0.7)"; |
|
|
|
return "rgba(7, 255, 253, 0.5)"; |
|
|
|
} else if (num > 700 && num <= 800) { |
|
|
|
return "rgba(7, 255, 205, 0.7)"; |
|
|
|
return "rgba(7, 255, 205, 0.5)"; |
|
|
|
} else if (num > 800 && num <= 900) { |
|
|
|
return "rgba(20, 237, 127, 0.7)"; |
|
|
|
return "rgba(20, 237, 127, 0.5)"; |
|
|
|
} else if (num > 900 && num <= 1000) { |
|
|
|
return "rgba(0, 193, 39, 0.7)"; |
|
|
|
return "rgba(0, 193, 39, 0.5)"; |
|
|
|
} else if (num > 1000 && num <= 1100) { |
|
|
|
return "rgba(147, 210, 1, 0.7)"; |
|
|
|
return "rgba(147, 210, 1, 0.5)"; |
|
|
|
} else if (num > 1100 && num <= 1200) { |
|
|
|
return "rgba(206, 206, 0, 0.7)"; |
|
|
|
return "rgba(206, 206, 0, 0.5)"; |
|
|
|
} else if (num > 1200 && num <= 1300) { |
|
|
|
return "rgba(255, 226, 13, 0.7)"; |
|
|
|
return "rgba(255, 226, 13, 0.5)"; |
|
|
|
} else if (num > 1300 && num <= 1400) { |
|
|
|
return "rgba(249, 240, 146, 0.7)"; |
|
|
|
return "rgba(249, 240, 146, 0.5)"; |
|
|
|
} else if (num > 1400 && num <= 1500) { |
|
|
|
return "rgba(250, 204, 93, 0.7)"; |
|
|
|
return "rgba(250, 204, 93, 0.5)"; |
|
|
|
} else if (num > 1500 && num <= 1600) { |
|
|
|
return "rgba(240, 139, 32, 0.7)"; |
|
|
|
return "rgba(240, 139, 32, 0.5)"; |
|
|
|
} else if (num > 1600 && num <= 1700) { |
|
|
|
return "rgba(241, 88, 26, 0.7)"; |
|
|
|
return "rgba(241, 88, 26, 0.5)"; |
|
|
|
} else if (num > 1700 && num <= 1800) { |
|
|
|
return "rgba(255, 0, 0, 0.7)"; |
|
|
|
return "rgba(255, 0, 0, 0.5)"; |
|
|
|
} else if (num > 1800 && num <= 1900) { |
|
|
|
return "rgba(182, 0, 0, 0.7)"; |
|
|
|
return "rgba(182, 0, 0, 0.5)"; |
|
|
|
} else if (num > 1900) { |
|
|
|
return "rgba(140, 0, 33, 0.7)"; |
|
|
|
return "rgba(140, 0, 33, 0.5)"; |
|
|
|
} |
|
|
|
} |
|
|
|
function returnColor2(n) { |
|
|
|
let num = Number(tempBottom[n].slice(0, tempBottom[n].length - 1)); |
|
|
|
if (num <= 100) { |
|
|
|
return "rgba(96, 0, 189, 0.9)"; |
|
|
|
return "rgba(96, 0, 189, 0.7)"; |
|
|
|
} else if (num > 100 && num <= 200) { |
|
|
|
return "rgba(102, 7, 255, 0.9)"; |
|
|
|
return "rgba(102, 7, 255, 0.7)"; |
|
|
|
} else if (num > 200 && num <= 300) { |
|
|
|
return "rgba(10, 20, 255, 0.9)"; |
|
|
|
return "rgba(10, 20, 255, 0.7)"; |
|
|
|
} else if (num > 300 && num <= 400) { |
|
|
|
return "rgba(7, 89, 255, 0.9)"; |
|
|
|
return "rgba(7, 89, 255, 0.7)"; |
|
|
|
} else if (num > 400 && num <= 500) { |
|
|
|
return "rgba(7, 139, 255, 0.9)"; |
|
|
|
return "rgba(7, 139, 255, 0.7)"; |
|
|
|
} else if (num > 500 && num <= 600) { |
|
|
|
return "rgba(7, 194, 255, 0.9)"; |
|
|
|
return "rgba(7, 194, 255, 0.7)"; |
|
|
|
} else if (num > 600 && num <= 700) { |
|
|
|
return "rgba(7, 255, 253, 0.9)"; |
|
|
|
return "rgba(7, 255, 253, 0.7)"; |
|
|
|
} else if (num > 700 && num <= 800) { |
|
|
|
return "rgba(7, 255, 205, 0.9)"; |
|
|
|
return "rgba(7, 255, 205, 0.7)"; |
|
|
|
} else if (num > 800 && num <= 900) { |
|
|
|
return "rgba(20, 237, 127, 0.9)"; |
|
|
|
return "rgba(20, 237, 127, 0.7)"; |
|
|
|
} else if (num > 900 && num <= 1000) { |
|
|
|
return "rgba(0, 193, 39, 0.9)"; |
|
|
|
return "rgba(0, 193, 39, 0.7)"; |
|
|
|
} else if (num > 1000 && num <= 1100) { |
|
|
|
return "rgba(147, 210, 1, 0.9)"; |
|
|
|
return "rgba(147, 210, 1, 0.7)"; |
|
|
|
} else if (num > 1100 && num <= 1200) { |
|
|
|
return "rgba(206, 206, 0, 0.9)"; |
|
|
|
return "rgba(206, 206, 0, 0.7)"; |
|
|
|
} else if (num > 1200 && num <= 1300) { |
|
|
|
return "rgba(255, 226, 13, 0.9)"; |
|
|
|
return "rgba(255, 226, 13, 0.7)"; |
|
|
|
} else if (num > 1300 && num <= 1400) { |
|
|
|
return "rgba(249, 240, 146, 0.9)"; |
|
|
|
return "rgba(249, 240, 146, 0.7)"; |
|
|
|
} else if (num > 1400 && num <= 1500) { |
|
|
|
return "rgba(250, 204, 93, 0.9)"; |
|
|
|
return "rgba(250, 204, 93, 0.7)"; |
|
|
|
} else if (num > 1500 && num <= 1600) { |
|
|
|
return "rgba(240, 139, 32, 0.9)"; |
|
|
|
return "rgba(240, 139, 32, 0.7)"; |
|
|
|
} else if (num > 1600 && num <= 1700) { |
|
|
|
return "rgba(241, 88, 26, 0.9)"; |
|
|
|
return "rgba(241, 88, 26, 0.7)"; |
|
|
|
} else if (num > 1700 && num <= 1800) { |
|
|
|
return "rgba(255, 0, 0, 0.9)"; |
|
|
|
return "rgba(255, 0, 0, 0.7)"; |
|
|
|
} else if (num > 1800 && num <= 1900) { |
|
|
|
return "rgba(182, 0, 0, 0.9)"; |
|
|
|
return "rgba(182, 0, 0, 0.7)"; |
|
|
|
} else if (num > 1900) { |
|
|
|
return "rgba(140, 0, 33, 0.9))"; |
|
|
|
return "rgba(140, 0, 33, 0.7)"; |
|
|
|
} |
|
|
|
} |
|
|
|
// 窑炉内部svg变色 |
|
|
@@ -225,7 +225,7 @@ const BotttomColorBlock = (props) => { |
|
|
|
height: "100%", |
|
|
|
position: "absolute", |
|
|
|
top: "120px", |
|
|
|
left: "14px", |
|
|
|
left: "13px", |
|
|
|
zIndex: 0, |
|
|
|
transform: "scale(0.7)", |
|
|
|
}} |
|
|
@@ -261,7 +261,7 @@ const BotttomColorBlock = (props) => { |
|
|
|
height: "100%", |
|
|
|
position: "absolute", |
|
|
|
top: "120px", |
|
|
|
left: "21px", |
|
|
|
left: "20px", |
|
|
|
zIndex: 0, |
|
|
|
transform: "scale(0.7)", |
|
|
|
}} |
|
|
@@ -272,10 +272,10 @@ const BotttomColorBlock = (props) => { |
|
|
|
width: "100%", |
|
|
|
height: "100%", |
|
|
|
position: "absolute", |
|
|
|
top: "120px", |
|
|
|
left: "5px", |
|
|
|
top: "108px", |
|
|
|
left: "-10px", |
|
|
|
zIndex: 0, |
|
|
|
transform: "scale(0.7)", |
|
|
|
transform: "scale(0.68)", |
|
|
|
}} |
|
|
|
/> |
|
|
|
<T2 |
|
|
@@ -284,10 +284,10 @@ const BotttomColorBlock = (props) => { |
|
|
|
width: "100%", |
|
|
|
height: "100%", |
|
|
|
position: "absolute", |
|
|
|
top: "120px", |
|
|
|
left: "9px", |
|
|
|
top: "107px", |
|
|
|
left: "-5px", |
|
|
|
zIndex: 0, |
|
|
|
transform: "scale(0.7)", |
|
|
|
transform: "scale(0.68)", |
|
|
|
}} |
|
|
|
/> |
|
|
|
<T3 |
|
|
@@ -296,10 +296,10 @@ const BotttomColorBlock = (props) => { |
|
|
|
width: "100%", |
|
|
|
height: "100%", |
|
|
|
position: "absolute", |
|
|
|
top: "120px", |
|
|
|
left: "10px", |
|
|
|
top: "109px", |
|
|
|
left: "0px", |
|
|
|
zIndex: 0, |
|
|
|
transform: "scale(0.7)", |
|
|
|
transform: "scale(0.68)", |
|
|
|
}} |
|
|
|
/> |
|
|
|
<T4 |
|
|
@@ -308,10 +308,10 @@ const BotttomColorBlock = (props) => { |
|
|
|
width: "100%", |
|
|
|
height: "100%", |
|
|
|
position: "absolute", |
|
|
|
top: "120px", |
|
|
|
left: "12px", |
|
|
|
top: "109px", |
|
|
|
left: "7px", |
|
|
|
zIndex: 0, |
|
|
|
transform: "scale(0.7)", |
|
|
|
transform: "scale(0.69)", |
|
|
|
}} |
|
|
|
/> |
|
|
|
<T5 |
|
|
@@ -320,10 +320,10 @@ const BotttomColorBlock = (props) => { |
|
|
|
width: "100%", |
|
|
|
height: "100%", |
|
|
|
position: "absolute", |
|
|
|
top: "120px", |
|
|
|
left: "13px", |
|
|
|
top: "110px", |
|
|
|
left: "11px", |
|
|
|
zIndex: 0, |
|
|
|
transform: "scale(0.7)", |
|
|
|
transform: "scale(0.69)", |
|
|
|
}} |
|
|
|
/> |
|
|
|
<T6 |
|
|
@@ -332,10 +332,10 @@ const BotttomColorBlock = (props) => { |
|
|
|
width: "100%", |
|
|
|
height: "100%", |
|
|
|
position: "absolute", |
|
|
|
top: "120px", |
|
|
|
top: "110px", |
|
|
|
left: "16px", |
|
|
|
zIndex: 0, |
|
|
|
transform: "scale(0.7)", |
|
|
|
transform: "scale(0.68)", |
|
|
|
}} |
|
|
|
/> |
|
|
|
<T7 |
|
|
@@ -344,10 +344,10 @@ const BotttomColorBlock = (props) => { |
|
|
|
width: "100%", |
|
|
|
height: "100%", |
|
|
|
position: "absolute", |
|
|
|
top: "120px", |
|
|
|
left: "18px", |
|
|
|
top: "102px", |
|
|
|
left: "19px", |
|
|
|
zIndex: 0, |
|
|
|
transform: "scale(0.7)", |
|
|
|
transform: "scale(0.69,0.64)", |
|
|
|
}} |
|
|
|
/> |
|
|
|
<T8 |
|
|
@@ -356,10 +356,10 @@ const BotttomColorBlock = (props) => { |
|
|
|
width: "100%", |
|
|
|
height: "100%", |
|
|
|
position: "absolute", |
|
|
|
top: "120px", |
|
|
|
left: "20px", |
|
|
|
top: "102px", |
|
|
|
left: "24px", |
|
|
|
zIndex: 0, |
|
|
|
transform: "scale(0.7)", |
|
|
|
transform: "scale(0.68,0.64)", |
|
|
|
}} |
|
|
|
/> |
|
|
|
</motion.div> |
|
|
|