45 lines
911 B
Vue
45 lines
911 B
Vue
<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> |