|
@@ -1,7 +1,7 @@
|
|
|
<template>
|
|
|
<div class="user-wrapper">
|
|
|
<div class="content-box">
|
|
|
- <notice-icon class="action"/>
|
|
|
+ <notice-icon class="action"/>
|
|
|
<!-- <a href="https://pro.loacg.com/docs/getting-started" target="_blank">
|
|
|
<span class="action">
|
|
|
<a-icon type="question-circle-o"></a-icon>
|
|
@@ -41,11 +41,13 @@
|
|
|
</a-menu-item>
|
|
|
</a-menu>
|
|
|
</a-dropdown>
|
|
|
+ <a-icon type="fullscreen" title="全屏" :style="{ fontSize: '20px', color: '#08c', marginLeft: '5px' }" @click="screen" />
|
|
|
</div>
|
|
|
</div>
|
|
|
</template>
|
|
|
|
|
|
<script>
|
|
|
+import screenfull from 'screenfull'
|
|
|
import NoticeIcon from '@/components/NoticeIcon'
|
|
|
import { mapActions, mapGetters } from 'vuex'
|
|
|
import defaultAvatar from '@/assets/avatar2.jpg'
|
|
@@ -59,7 +61,8 @@ export default {
|
|
|
},
|
|
|
data () {
|
|
|
return {
|
|
|
- defaultAvatar: defaultAvatar
|
|
|
+ defaultAvatar: defaultAvatar,
|
|
|
+ isFullscreen: false
|
|
|
}
|
|
|
},
|
|
|
methods: {
|
|
@@ -85,6 +88,14 @@ export default {
|
|
|
onCancel () {
|
|
|
}
|
|
|
})
|
|
|
+ },
|
|
|
+ screen () {
|
|
|
+ // 如果不允许进入全屏,发出不允许提示
|
|
|
+ if (!screenfull.isEnabled) {
|
|
|
+ this.$message.info('您的浏览器不能全屏')
|
|
|
+ return false
|
|
|
+ }
|
|
|
+ screenfull.toggle()
|
|
|
}
|
|
|
}
|
|
|
}
|