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