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 @@
@@ -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