diff --git a/src/components/appHeader/index.vue b/src/components/appHeader/index.vue index 9862577..ab28fe0 100644 --- a/src/components/appHeader/index.vue +++ b/src/components/appHeader/index.vue @@ -2,6 +2,7 @@
{{headTitle}}
+
{{ headTime }}
@@ -14,7 +15,8 @@ data() { return { headTitle:"",//城市智慧停车大数据中心 - headTime:''//当前时间 + headTime:'',//当前时间 + fullscreen: false } }, mounted() { @@ -30,6 +32,32 @@ _self.headTime=common.getNowFormatDate(); },1000);//1分钟更新一次 }, + handleFullScreen(){ + let element = document.documentElement; + if (this.fullscreen) { + if (document.exitFullscreen) { + document.exitFullscreen(); + } else if (document.webkitCancelFullScreen) { + document.webkitCancelFullScreen(); + } else if (document.mozCancelFullScreen) { + document.mozCancelFullScreen(); + } else if (document.msExitFullscreen) { + document.msExitFullscreen(); + } + } else { + if (element.requestFullscreen) { + element.requestFullscreen(); + } else if (element.webkitRequestFullScreen) { + element.webkitRequestFullScreen(); + } else if (element.mozRequestFullScreen) { + element.mozRequestFullScreen(); + } else if (element.msRequestFullscreen) { + // IE11 + element.msRequestFullscreen(); + } + } + this.fullscreen = !this.fullscreen; + }, } } @@ -77,6 +105,16 @@ left:280px; z-index: 10; } + .header-fullscreen{ + width: 18px; + height: 18px; + line-height: 18px; + position: absolute; + right: 158px; + top:25px; + cursor:pointer; + background: url('../../images/head/righttopbarico_Bg.png'); + } .head-time{ font-size:14px; color:#b2c2cf; diff --git a/src/images/head/righttopbarico_Bg.png b/src/images/head/righttopbarico_Bg.png new file mode 100644 index 0000000..5e5c98c --- /dev/null +++ b/src/images/head/righttopbarico_Bg.png