feat(Layout): Add topLeft layout

This commit is contained in:
陈凯龙
2022-01-19 16:29:35 +08:00
parent 839b6015b8
commit 71b1c5e10c
28 changed files with 571 additions and 166 deletions

View File

@@ -1,6 +1,11 @@
<script setup lang="ts">
import { Icon } from '@/components/Icon'
import { useFullscreen } from '@vueuse/core'
import { propTypes } from '@/utils/propTypes'
defineProps({
color: propTypes.string.def('')
})
const { toggle, isFullscreen } = useFullscreen()
@@ -11,6 +16,10 @@ const toggleFullscreen = () => {
<template>
<div @click="toggleFullscreen">
<Icon :size="18" :icon="isFullscreen ? 'zmdi:fullscreen-exit' : 'zmdi:fullscreen'" />
<Icon
:size="18"
:icon="isFullscreen ? 'zmdi:fullscreen-exit' : 'zmdi:fullscreen'"
:color="color"
/>
</div>
</template>