基于vue3.0和element-plus的组件库
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.
|
|
|
|
<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>
|
