|
|
@ -4,7 +4,7 @@
|
|
|
|
|
|
|
|
|
|
|
|
<div id="container" class="container"></div>
|
|
|
|
<div id="container" class="container"></div>
|
|
|
|
<div class="titleBg"></div>
|
|
|
|
<div class="titleBg"></div>
|
|
|
|
<div class="headTitle">澳柯玛智能制造中心</div>
|
|
|
|
<div class="headTitle">河南澳柯玛智能制造中心</div>
|
|
|
|
\
|
|
|
|
\
|
|
|
|
<div class="time" id="time">{{ time }}</div>
|
|
|
|
<div class="time" id="time">{{ time }}</div>
|
|
|
|
<div class="date" id="date">{{ date }}</div>
|
|
|
|
<div class="date" id="date">{{ date }}</div>
|
|
|
@ -21,7 +21,8 @@
|
|
|
|
<span>通</span>
|
|
|
|
<span>通</span>
|
|
|
|
<span>道</span>
|
|
|
|
<span>道</span>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
<div class="currentPosition"><span>当前位置</span></div>
|
|
|
|
<div class="currentPosition1" v-if="$route.query.id === '1'"><span>当前位置</span></div>
|
|
|
|
|
|
|
|
<div class="currentPosition2" v-if="$route.query.id === '2'"><span>当前位置</span></div>
|
|
|
|
<div class="tool">
|
|
|
|
<div class="tool">
|
|
|
|
<el-row>
|
|
|
|
<el-row>
|
|
|
|
<el-col :span="4">
|
|
|
|
<el-col :span="4">
|
|
|
@ -966,7 +967,7 @@ export default {
|
|
|
|
left: 1%;
|
|
|
|
left: 1%;
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.currentPosition {
|
|
|
|
.currentPosition1 {
|
|
|
|
background-image: url("../../assets/model/model/currentPosition.png");
|
|
|
|
background-image: url("../../assets/model/model/currentPosition.png");
|
|
|
|
background-repeat: no-repeat;
|
|
|
|
background-repeat: no-repeat;
|
|
|
|
background-size: 100% 100%;
|
|
|
|
background-size: 100% 100%;
|
|
|
@ -988,6 +989,28 @@ export default {
|
|
|
|
}
|
|
|
|
}
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
.currentPosition2 {
|
|
|
|
|
|
|
|
background-image: url("../../assets/model/model/currentPosition.png");
|
|
|
|
|
|
|
|
background-repeat: no-repeat;
|
|
|
|
|
|
|
|
background-size: 100% 100%;
|
|
|
|
|
|
|
|
width: 4vw;
|
|
|
|
|
|
|
|
height: 4vw;
|
|
|
|
|
|
|
|
position: absolute;
|
|
|
|
|
|
|
|
top: 35%;
|
|
|
|
|
|
|
|
left: 47%;
|
|
|
|
|
|
|
|
transform: translate(-50%, -100%);
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
span {
|
|
|
|
|
|
|
|
position: absolute;
|
|
|
|
|
|
|
|
top: 18%;
|
|
|
|
|
|
|
|
left: 50%;
|
|
|
|
|
|
|
|
transform: translate(-50%, -50%);
|
|
|
|
|
|
|
|
color: #fff;
|
|
|
|
|
|
|
|
font-size: 0.7vw;
|
|
|
|
|
|
|
|
white-space: nowrap;
|
|
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.time, .date {
|
|
|
|
.time, .date {
|
|
|
|
position: absolute;
|
|
|
|
position: absolute;
|
|
|
|
font-size: 0.8vw;
|
|
|
|
font-size: 0.8vw;
|
|
|
|