34 lines
1.5 KiB
CSS
34 lines
1.5 KiB
CSS
|
/* 视图模式切换时的布局与显隐规则 */
|
||
|
|
/* ============ 视图模式：三维模型（静态） / 装配图 / 运动模拟 ============ */
|
||
|
|
/* 三维模型 与 装配图 下，全部运动学 UI 一律隐藏 */
|
||
|
|
body:not(.motion) #ikbar,
|
||
|
|
body:not(.motion) #ikpanel,
|
||
|
|
body:not(.motion) #joints,
|
||
|
|
body:not(.motion) #jointsHead,
|
||
|
|
body:not(.motion) #footIk{display:none!important}
|
||
|
|
/* 运动模拟只看运动：左栏去掉零件树与打印清单（其它模式保留） */
|
||
|
|
body.motion #treeBlock{display:none!important}
|
||
|
|
|
||
|
|
/* 运动模拟左栏紧凑化：目标一屏放下、不下拉（实测原需下拉 127px） */
|
||
|
|
#ikpanel{margin:0 0 6px;padding:5px 8px}
|
||
|
|
#ikpanel .ikh{margin-bottom:3px}
|
||
|
|
#ikpanel #ikTab th,#ikpanel #ikTab td{padding:1px 4px}
|
||
|
|
#ikAltN{margin:5px 0 2px}
|
||
|
|
.altrow{padding:1px 4px}
|
||
|
|
#joints .j-box{margin-bottom:4px}
|
||
|
|
#joints input[type=range]{height:15px}
|
||
|
|
/* 显式行定位：IK 控制条在「三维模型/装配图」下被移除后，
|
||
|
|
若不固定行号，网格自动排布会把页脚挤到 1fr 行并压扁（已实测） */
|
||
|
|
#app>header{grid-row:1}
|
||
|
|
#ikbar{grid-row:2}
|
||
|
|
#left{grid-row:3}
|
||
|
|
#stage{grid-row:3}
|
||
|
|
#app>footer{grid-row:4}
|
||
|
|
/* BOM 抽屉：运动模拟多一条两行 IK 控制条（实测 75px），需整体下移 */
|
||
|
|
#bomDock{top:46px} #bomTab{top:64px}
|
||
|
|
body.motion #bomDock{top:124px} body.motion #bomTab{top:140px}
|
||
|
|
@media (max-width:760px){
|
||
|
|
#bomTab,body.motion #bomTab{top:auto;bottom:36px}
|
||
|
|
#bomDock,body.motion #bomDock{top:86px;bottom:26px}
|
||
|
|
}
|