ThbTech/BodyBalanceEvaluation
2
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

修改头部姿态样式

Browse Source
This commit is contained in:
limengnan 2026-01-13 09:06:28 +08:00
parent 8a73144305
commit 1ea823fe71
1 changed files with 10 additions and 9 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

19
frontend/src/renderer/src/views/Detection.vue
View File

@ -103,8 +103,8 @@
<!-- 头部姿态3D模型 --> <!-- 头部姿态3D模型 -->
<div class="body-header-bottombox" ref="imuHeaderRef"> <div class="body-header-bottombox" ref="imuHeaderRef">
<div class="body-header-bottombox-left"> <div class="body-header-bottombox-left">
<div class="body-header-bottombox-lefttext" style="height: 20%;"></div> <div class="body-header-bottombox-lefttext" style="height: 25%;"></div>
<div class="body-header-bottombox-lefttext"> <div class="body-header-bottombox-lefttext" >
<div class="currencytext1">左最大旋转角度</div> <div class="currencytext1">左最大旋转角度</div>
<div class="currencytext2">{{ <div class="currencytext2">{{
headPoseMaxValues.rotationLeftMax.toFixed(1) }}°</div> headPoseMaxValues.rotationLeftMax.toFixed(1) }}°</div>
@ -114,7 +114,7 @@
<div class="currencytext1">倾斜角</div> <div class="currencytext1">倾斜角</div>
<div class="currencytext2">{{ headlist.tilt }}°</div> <div class="currencytext2">{{ headlist.tilt }}°</div>
</div> </div>
<div style="margin-top: 20px;"> <div style="margin-top: 0px;">
<span> <span>
<span class="currencytext4">左</span> <span class="currencytext4">左</span>
<span class="currencytext3"> <span class="currencytext3">
@ -142,8 +142,8 @@
</div> </div>
<div class="body-header-bottombox-right"> <div class="body-header-bottombox-right">
<div class="body-header-bottombox-righttext" style="height: 20%;"></div> <div class="body-header-bottombox-righttext" style="height: 25%;"></div>
<div class="body-header-bottombox-righttext"> <div class="body-header-bottombox-righttext" >
<div class="currencytext1">右最大旋转角度</div> <div class="currencytext1">右最大旋转角度</div>
<div class="currencytext2"> <div class="currencytext2">
{{ headPoseMaxValues.rotationRightMax.toFixed(1) }}° {{ headPoseMaxValues.rotationRightMax.toFixed(1) }}°
@ -154,7 +154,7 @@
<div class="currencytext1">俯仰角</div> <div class="currencytext1">俯仰角</div>
<div class="currencytext2">{{ headlist.pitch }}°</div> <div class="currencytext2">{{ headlist.pitch }}°</div>
</div> </div>
<div style="margin-top: 20px;"> <div style="margin-top: 0px;">
<span> <span>
<span class="currencytext4">俯</span> <span class="currencytext4">俯</span>
<span class="currencytext3"> <span class="currencytext3">
@ -2756,7 +2756,7 @@ function viewClick(e){
padding: 0 20px; padding: 0 20px;
} }
.body-header-bottombox-left{ .body-header-bottombox-left{
width: 30%; width: 25%;
height: calc(100%); height: calc(100%);
display: flex; display: flex;
flex-direction: column; flex-direction: column;
@ -2768,14 +2768,14 @@ function viewClick(e){
white-space:nowrap; white-space:nowrap;
} }
.body-header-bottombox-content{ .body-header-bottombox-content{
width: 36%; width: 40%;
height: calc(100%); height: calc(100%);
display: flex; display: flex;
flex-wrap: wrap; flex-wrap: wrap;
align-items:center; align-items:center;
} }
.body-header-bottombox-right{ .body-header-bottombox-right{
width: 30%; width: 25%;
height: calc(100%); height: calc(100%);
display: flex; display: flex;
flex-direction: column; flex-direction: column;
@ -3213,6 +3213,7 @@ function viewClick(e){
.endbutton:hover { .endbutton:hover {
background-color: #14aaff; background-color: #14aaff;
border:1px solid #14aaff; border:1px solid #14aaff;
color: #fff;
} }
.pop-up-mask{ .pop-up-mask{
position: fixed; position: fixed;