style: 调整样式

This commit is contained in:
zhanghao 2026-07-02 17:38:02 +08:00
parent b1f3e04ae2
commit 162a9b6e58

View File

@ -9,31 +9,37 @@
<div class="row dual-row"> <div class="row dual-row">
<div class="coord-item"> <div class="coord-item">
<span class="key">X</span> <span class="key">X</span>
<el-input v-model.number="tcp.x" suffix="mm" /> <!-- <el-input v-model.number="tcp.x" suffix="mm" /> -->
<div class="number">{{ tcp.x.toFixed(3) }}</div>
</div> </div>
<div class="coord-item"> <div class="coord-item">
<span class="key">RX</span> <span class="key">RX</span>
<el-input v-model.number="tcp.rx" suffix="°" /> <!-- <el-input v-model.number="tcp.rx" suffix="°" /> -->
<div class="number">{{ tcp.rx.toFixed(3) }}</div>
</div> </div>
</div> </div>
<div class="row dual-row"> <div class="row dual-row">
<div class="coord-item"> <div class="coord-item">
<span class="key">Y</span> <span class="key">Y</span>
<el-input v-model.number="tcp.y" suffix="mm" /> <!-- <el-input v-model.number="tcp.y" suffix="mm" /> -->
<div class="number">{{ tcp.y.toFixed(3) }}</div>
</div> </div>
<div class="coord-item"> <div class="coord-item">
<span class="key">RY</span> <span class="key">RY</span>
<el-input v-model.number="tcp.ry" suffix="°" /> <div class="number">{{ tcp.ry.toFixed(3) }}</div>
<!-- <el-input v-model.number="tcp.ry" suffix="°" /> -->
</div> </div>
</div> </div>
<div class="row dual-row"> <div class="row dual-row">
<div class="coord-item"> <div class="coord-item">
<span class="key">Z</span> <span class="key">Z</span>
<el-input v-model.number="tcp.z" suffix="mm" /> <!-- <el-input v-model.number="tcp.z" suffix="mm" /> -->
<div class="number">{{ tcp.z.toFixed(3) }}</div>
</div> </div>
<div class="coord-item"> <div class="coord-item">
<span class="key">RZ</span> <span class="key">RZ</span>
<el-input v-model.number="tcp.rz" suffix="°" /> <div class="number">{{ tcp.rz.toFixed(3) }}</div>
<!-- <el-input v-model.number="tcp.rz" suffix="°" /> -->
</div> </div>
</div> </div>
</div> </div>
@ -407,6 +413,7 @@ onMounted(() => {
clearInterval(timer.value) clearInterval(timer.value)
} }
timer.value = setInterval(() => { timer.value = setInterval(() => {
getPose()
getJointState() getJointState()
}, 100) }, 100)
}) })
@ -452,6 +459,13 @@ onUnmounted(() => {
display: flex; display: flex;
gap: 20px; gap: 20px;
margin-bottom: 12px; margin-bottom: 12px;
.number {
width: 180px;
border-radius: 5px;
padding: 6px;
background: #2d323e;
}
} }
} }