|
@@ -7,6 +7,7 @@
|
|
|
<!-- <tags-view></tags-view> -->
|
|
|
<div class="menu_cards">
|
|
|
<div class="menu_card">
|
|
|
+ <span class="time">{{times}}</span>
|
|
|
<!-- <div class="dropdown shrink-0">
|
|
|
<icon-calendar />
|
|
|
</div>
|
|
@@ -172,7 +173,8 @@ export default {
|
|
|
}
|
|
|
]
|
|
|
},
|
|
|
- isFloor: false
|
|
|
+ isFloor: false,
|
|
|
+ times:'',//格式化之后的当前时间
|
|
|
}
|
|
|
},
|
|
|
computed: {
|
|
@@ -202,7 +204,40 @@ export default {
|
|
|
}
|
|
|
}
|
|
|
},
|
|
|
+ created() {
|
|
|
+ this.getTimes()
|
|
|
+ },
|
|
|
+ // 在Vue实例销毁前,清除我们的定时器
|
|
|
+ beforeDestroy() {
|
|
|
+ if (this.times) {
|
|
|
+ clearInterval(this.getTimesInterval);
|
|
|
+ }
|
|
|
+ },
|
|
|
methods: {
|
|
|
+ getTimes(){
|
|
|
+ setInterval(this.getTimesInterval, 1000);
|
|
|
+ },
|
|
|
+ getTimesInterval:function() {
|
|
|
+ let _this = this;
|
|
|
+ let year = new Date().getFullYear(); //获取当前时间的年份
|
|
|
+ let month = new Date().getMonth() + 1; //获取当前时间的月份
|
|
|
+ let day = new Date().getDate(); //获取当前时间的天数
|
|
|
+ let hours = new Date().getHours(); //获取当前时间的小时
|
|
|
+ let minutes = new Date().getMinutes(); //获取当前时间的分数
|
|
|
+ let seconds = new Date().getSeconds(); //获取当前时间的秒数
|
|
|
+ //当小于 10 的是时候,在前面加 0
|
|
|
+ if (hours < 10) {
|
|
|
+ hours = "0" + hours;
|
|
|
+ }
|
|
|
+ if (minutes < 10) {
|
|
|
+ minutes = "0" + minutes;
|
|
|
+ }
|
|
|
+ if (seconds < 10) {
|
|
|
+ seconds = "0" + seconds;
|
|
|
+ }
|
|
|
+ //拼接格式化当前时间
|
|
|
+ _this.times = year + "-" + month + "-" + day + " " + hours + ":" + minutes + ":" + seconds;
|
|
|
+ },
|
|
|
// tab(){
|
|
|
// document.querySelector('body').classList.add('dark');
|
|
|
// },
|
|
@@ -310,6 +345,9 @@ export default {
|
|
|
margin: 10px 10px;
|
|
|
}
|
|
|
}
|
|
|
+ .time{
|
|
|
+ margin-left: 30px;
|
|
|
+ }
|
|
|
}
|
|
|
|
|
|
.breadcrumb-container {
|