You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
30 lines
854 B
30 lines
854 B
<template> |
|
<el-tooltip effect="dark" :content="t('head.fullScreen')" placement="bottom"> |
|
<!-- <el-button class="head-icon" @click="fullscreen" icon="fullscreen" :size="state.size.size" circle></el-button> --> |
|
<el-icon @click="fullscreen" class="head-icon"> |
|
<FullScreen /> |
|
</el-icon> |
|
</el-tooltip> |
|
</template> |
|
|
|
<script lang="ts" setup> |
|
import { onMounted } from "vue"; |
|
import { useI18n } from "vue3-i18n"; |
|
import { useStore } from "vuex"; |
|
const { t } = useI18n(); |
|
|
|
const { state, commit, dispatch } = useStore(); |
|
|
|
const fullscreen = () => { |
|
if (!document.fullscreenElement) { |
|
document.documentElement.requestFullscreen(); |
|
} else { |
|
if (document.exitFullscreen) { |
|
document.exitFullscreen(); |
|
} |
|
} |
|
} |
|
|
|
onMounted(() => { }); |
|
</script> |
|
<style lang="scss" scoped></style> |