style: 调整样式
This commit is contained in:
parent
b1f3e04ae2
commit
162a9b6e58
@ -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;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
Loading…
Reference in New Issue
Block a user