wip(Layout): Layout developing

This commit is contained in:
陈凯龙
2022-01-13 17:26:06 +08:00
parent 66e8d0e41c
commit 2fe9543b84
27 changed files with 282 additions and 35 deletions

View File

@@ -0,0 +1,3 @@
import Screenfull from './src/Screenfull.vue'
export { Screenfull }

View File

@@ -0,0 +1,16 @@
<script setup lang="ts">
import { Icon } from '@/components/Icon'
import { useFullscreen } from '@vueuse/core'
const { toggle, isFullscreen } = useFullscreen()
function toggleFullscreen() {
toggle()
}
</script>
<template>
<div @click="toggleFullscreen">
<Icon :size="18" :icon="isFullscreen ? 'zmdi:fullscreen-exit' : 'zmdi:fullscreen'" />
</div>
</template>