109 lines
2.7 KiB
CSS
109 lines
2.7 KiB
CSS
.dataContent{
|
|
width: 100%;
|
|
}
|
|
.item{
|
|
flex: 1;
|
|
display: flex;
|
|
flex-direction: column;/* 这行设置为垂直布局 */
|
|
gap: 35px;
|
|
}
|
|
.content{
|
|
height: 56px;
|
|
display: flex;
|
|
justify-content: space-around;
|
|
gap: 16px;
|
|
}
|
|
|
|
.paramsData{
|
|
flex: 1;
|
|
cursor: pointer;
|
|
user-select: none;
|
|
display: flex;
|
|
justify-content: space-between;
|
|
padding:5px 10px;
|
|
font-size: 32px;
|
|
line-height: 48px;
|
|
letter-spacing: 6px;
|
|
background: url(../../../../../assets/paramsData.png) no-repeat;
|
|
background-size: 100% 90%;
|
|
background-position: bottom;
|
|
color: #00fff788;
|
|
font-family: -apple-system, BlinkMacSystemFont, 'Helvetica Neue',
|
|
'PingFang SC', 'Microsoft YaHei', '微软雅黑', 'Microsoft YaHei UI',
|
|
'Source Han Sans SC', 'Noto Sans CJK SC', 'WenQuanYi Micro Hei', sans-serif;
|
|
}
|
|
/* 下划线 */
|
|
.paramsTitle{
|
|
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;
|
|
}
|
|
.paramsTitle::after {
|
|
content: "";
|
|
top: 73%;
|
|
position: absolute;
|
|
bottom: 0;
|
|
left: 50%;
|
|
width: 50%; /* 调整此处的宽度值来改变下划线的宽度，例如 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);
|
|
}
|
|
.totalDataTitle{
|
|
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;
|
|
}
|
|
.totalDataTitle::after {
|
|
content: "";
|
|
top: 73%;
|
|
position: absolute;
|
|
bottom: 0;
|
|
left: 20%;
|
|
width: 80%; /* 调整此处的宽度值来改变下划线的宽度，例如 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);
|
|
}
|
|
|
|
.outTitle{
|
|
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;
|
|
}
|
|
.outTitle::after {
|
|
content: "";
|
|
top: 73%;
|
|
position: absolute;
|
|
bottom: 0;
|
|
left: 20%;
|
|
width: 80%; /* 调整此处的宽度值来改变下划线的宽度，例如 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);
|
|
}
|