模型添加更新了
This commit is contained in:
45
src/components/manageLength/index.vue
Normal file
45
src/components/manageLength/index.vue
Normal file
@@ -0,0 +1,45 @@
|
||||
<template>
|
||||
<div class="tunnel-length">
|
||||
<!-- 加上点击事件 -->
|
||||
<div class="tunnel-length-container">
|
||||
<!-- 显示长度 -->
|
||||
<div class="tunnel-length-font">当前长度:</div>
|
||||
<!-- 包到下面的盒子 -->
|
||||
<div>
|
||||
<!-- 插入图片 -->
|
||||
<div>
|
||||
<img src="../../assets/images/tunnel/tunnel-length-icon.png" alt="">
|
||||
<!-- 正方形覆盖 -->
|
||||
<div></div>
|
||||
<!-- 长方形覆盖 -->
|
||||
<div></div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</template>
|
||||
|
||||
|
||||
|
||||
<script>
|
||||
export default {
|
||||
|
||||
}
|
||||
</script>
|
||||
|
||||
|
||||
|
||||
|
||||
<style scoped>
|
||||
.tunnel-length-container {
|
||||
position: relative;
|
||||
}
|
||||
|
||||
.tunnel-length-font {
|
||||
position: absolute;
|
||||
left: 40%;
|
||||
top: -33%;
|
||||
color: #0BE9FA;
|
||||
font-size: 30px;
|
||||
}
|
||||
</style>
|
||||
Reference in New Issue
Block a user