wip(Layout): Layout developing
This commit is contained in:
3
src/components/Screenfull/index.ts
Normal file
3
src/components/Screenfull/index.ts
Normal file
@@ -0,0 +1,3 @@
|
||||
import Screenfull from './src/Screenfull.vue'
|
||||
|
||||
export { Screenfull }
|
||||
16
src/components/Screenfull/src/Screenfull.vue
Normal file
16
src/components/Screenfull/src/Screenfull.vue
Normal 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>
|
||||
Reference in New Issue
Block a user