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="coord-item">
<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 class="coord-item">
<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 class="row dual-row">
<div class="coord-item">
<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 class="coord-item">
<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 class="row dual-row">
<div class="coord-item">
<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 class="coord-item">
<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>
@ -407,6 +413,7 @@ onMounted(() => {
clearInterval(timer.value)
}
timer.value = setInterval(() => {
getPose()
getJointState()
}, 100)
})
@ -452,6 +459,13 @@ onUnmounted(() => {
display: flex;
gap: 20px;
margin-bottom: 12px;
.number {
width: 180px;
border-radius: 5px;
padding: 6px;
background: #2d323e;
}
}
}