og/Socket
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix: 修复路子珠椭圆变形+右侧面板样式补全

Browse Source 
- canvas 去掉 CSS width/height:100% 防止拉伸变形
- .result-area/.result-area-timer 样式移入 index_tab.css(tab_b.html 不加载 common.css)
- 加大计时器(7vw)和结果图(14vh)显示尺寸
- .result-box(旧弹窗)加 display:none !important
This commit is contained in:
testadmin
2026-05-06 11:02:46 +08:00
parent 78797462b5
commit 5bf3682657
2 changed files with 55 additions and 11 deletions
Download Patch File Download Diff File Expand all files Collapse all files
public/static/handle/css/common.css
+12 -9
View File
@@ -463,24 +463,27 @@ margin-left: 0;
padding: 0 2.5%; padding: 0 2.5%;
} }
.result-area{ .result-area{
width: 35%; width: 40%;
display: flex; display: flex;
flex-direction: column; flex-direction: column;
align-items: center; align-items: center;
justify-content: center; justify-content: center;
min-height: 10vh; min-height: 12vh;
background: rgba(0,0,0,0.15);
border-radius: 6px;
padding: 4px;
} }
.result-area-timer{ .result-area-timer{
font-size: 2.5vw; font-size: 4vw;
font-weight: bold; font-weight: bold;
color: #fff; color: #fff;
text-align: center; text-align: center;
background: rgba(0,0,0,0.5); background: rgba(0,0,0,0.6);
border-radius: 50%; border-radius: 50%;
width: 5vw; width: 7vw;
height: 5vw; height: 7vw;
line-height: 5vw; line-height: 7vw;
margin-bottom: 4px; margin-bottom: 6px;
display: none; display: none;
} }
.result-area-img{ .result-area-img{
@@ -488,7 +491,7 @@ margin-left: 0;
} }
.result-area-img img{ .result-area-img img{
max-width: 100%; max-width: 100%;
max-height: 12vh; max-height: 14vh;
} }
public/static/handle/css/index_tab.css
+43 -2
View File
@@ -288,8 +288,6 @@ body{
.canvas-box canvas{ .canvas-box canvas{
background: #fff; background: #fff;
width: 100%;
height: 100%;
display: block; display: block;
} }
@@ -1057,7 +1055,50 @@ body{
display: none !important; display: none !important;
} }
.result-box{
display: none !important;
}
.bottom-row{
display: flex;
width: 100%;
gap: 4px;
}
.table-data .limit-box{
flex: 1;
padding: 0 2.5%;
}
.result-area{
width: 40%;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
min-height: 12vh;
background: rgba(0,0,0,0.15);
border-radius: 6px;
padding: 4px;
}
.result-area-timer{
font-size: 4vw;
font-weight: bold;
color: #fff;
text-align: center;
background: rgba(0,0,0,0.6);
border-radius: 50%;
width: 7vw;
height: 7vw;
line-height: 7vw;
margin-bottom: 6px;
display: none;
}
.result-area-img{
text-align: center;
}
.result-area-img img{
max-width: 100%;
max-height: 14vh;
}
.section .head .box .list .date span{ .section .head .box .list .date span{
margin-right: 10px; margin-right: 10px;