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