|
@@ -1,11 +1,11 @@
|
|
<template>
|
|
<template>
|
|
<div>
|
|
<div>
|
|
<div class="btmbuttonbg">
|
|
<div class="btmbuttonbg">
|
|
-
|
|
|
|
|
|
+
|
|
<div class="btmbutton">
|
|
<div class="btmbutton">
|
|
-
|
|
|
|
|
|
+
|
|
<div class="btmbutton-con">
|
|
<div class="btmbutton-con">
|
|
- <div class="yj-name">张三</div>
|
|
|
|
|
|
+ <div class="yj-name" style="text-indent: 1em">张雨晴</div>
|
|
<div class="model-tab">
|
|
<div class="model-tab">
|
|
<button class="on" @click="goJiaShi">驾驶模式</button>
|
|
<button class="on" @click="goJiaShi">驾驶模式</button>
|
|
<button @click="goChenJin">沉浸模式</button>
|
|
<button @click="goChenJin">沉浸模式</button>
|
|
@@ -53,11 +53,11 @@
|
|
<span>摄像头</span>
|
|
<span>摄像头</span>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
-
|
|
|
|
|
|
+
|
|
</div>
|
|
</div>
|
|
-
|
|
|
|
|
|
+
|
|
</div>
|
|
</div>
|
|
-
|
|
|
|
|
|
+
|
|
</div>
|
|
</div>
|
|
<div class="btm-left-btn">
|
|
<div class="btm-left-btn">
|
|
<a class="btm-btn">值班信息</a>
|
|
<a class="btm-btn">值班信息</a>
|
|
@@ -82,7 +82,7 @@ export default {
|
|
}
|
|
}
|
|
},
|
|
},
|
|
props: {
|
|
props: {
|
|
-
|
|
|
|
|
|
+
|
|
},
|
|
},
|
|
mounted () {
|
|
mounted () {
|
|
this.timerOneScondRun(); //执行日期函数
|
|
this.timerOneScondRun(); //执行日期函数
|
|
@@ -95,7 +95,7 @@ export default {
|
|
clearInterval(this.newTimer);
|
|
clearInterval(this.newTimer);
|
|
next();
|
|
next();
|
|
},
|
|
},
|
|
-
|
|
|
|
|
|
+
|
|
methods: {
|
|
methods: {
|
|
//获取时间
|
|
//获取时间
|
|
timerOneScondRun() {
|
|
timerOneScondRun() {
|
|
@@ -119,11 +119,12 @@ export default {
|
|
":" +
|
|
":" +
|
|
(date.getSeconds() >= 10 ? date.getSeconds() : "0" + date.getSeconds());
|
|
(date.getSeconds() >= 10 ? date.getSeconds() : "0" + date.getSeconds());
|
|
},
|
|
},
|
|
-
|
|
|
|
|
|
+
|
|
// 跳转沉浸模式
|
|
// 跳转沉浸模式
|
|
goChenJin(){
|
|
goChenJin(){
|
|
this.$router.push( '/YjCjms');
|
|
this.$router.push( '/YjCjms');
|
|
},
|
|
},
|
|
|
|
+ // 跳转驾驶模式
|
|
goJiaShi(){
|
|
goJiaShi(){
|
|
// this.$router.push( '/index');
|
|
// this.$router.push( '/index');
|
|
}
|
|
}
|
|
@@ -204,9 +205,9 @@ export default {
|
|
}
|
|
}
|
|
.btm-con h2{
|
|
.btm-con h2{
|
|
font-size: 55px;
|
|
font-size: 55px;
|
|
- background-image:-webkit-linear-gradient(top,#fff,#6a6a6a);
|
|
|
|
- -webkit-background-clip:text;
|
|
|
|
- -webkit-text-fill-color:transparent;
|
|
|
|
|
|
+ background-image:-webkit-linear-gradient(top,#fff,#6a6a6a);
|
|
|
|
+ -webkit-background-clip:text;
|
|
|
|
+ -webkit-text-fill-color:transparent;
|
|
text-align: center;
|
|
text-align: center;
|
|
margin-top: 50px;
|
|
margin-top: 50px;
|
|
font-family: myfont3;
|
|
font-family: myfont3;
|
|
@@ -220,9 +221,9 @@ export default {
|
|
}
|
|
}
|
|
.btm-con .yj-sjs b{
|
|
.btm-con .yj-sjs b{
|
|
font-size: 28px;
|
|
font-size: 28px;
|
|
- background-image:-webkit-linear-gradient(top,#fff,#6a6a6a);
|
|
|
|
- -webkit-background-clip:text;
|
|
|
|
- -webkit-text-fill-color:transparent;
|
|
|
|
|
|
+ background-image:-webkit-linear-gradient(top,#fff,#6a6a6a);
|
|
|
|
+ -webkit-background-clip:text;
|
|
|
|
+ -webkit-text-fill-color:transparent;
|
|
text-align: center;
|
|
text-align: center;
|
|
display: block;
|
|
display: block;
|
|
font-family: myfont3;
|
|
font-family: myfont3;
|
|
@@ -312,9 +313,9 @@ export default {
|
|
}
|
|
}
|
|
.btm-cs b{
|
|
.btm-cs b{
|
|
font-size: 50px;
|
|
font-size: 50px;
|
|
- background-image:-webkit-linear-gradient(top,#fff,#6a6a6a);
|
|
|
|
- -webkit-background-clip:text;
|
|
|
|
- -webkit-text-fill-color:transparent;
|
|
|
|
|
|
+ background-image:-webkit-linear-gradient(top,#fff,#6a6a6a);
|
|
|
|
+ -webkit-background-clip:text;
|
|
|
|
+ -webkit-text-fill-color:transparent;
|
|
text-align: center;
|
|
text-align: center;
|
|
display: block;
|
|
display: block;
|
|
font-family: myfont3;
|
|
font-family: myfont3;
|