2022-01-07 18:51:06 +08:00
|
|
|
<template>
|
|
|
|
|
<n-button
|
2022-01-08 20:49:21 +08:00
|
|
|
type="primary"
|
|
|
|
|
:class="[{ '!right-330px': app.settingDrawerVisible }, app.settingDrawerVisible ? 'ease-out' : 'ease-in']"
|
|
|
|
|
class="fixed top-240px right-14px z-10000 w-42px h-42px !p-0 transition-all duration-300"
|
2022-01-16 20:13:11 +08:00
|
|
|
@click="app.toggleSettingdrawerVisible"
|
2022-01-07 18:51:06 +08:00
|
|
|
>
|
2022-01-08 20:49:21 +08:00
|
|
|
<icon-ant-design:close-outlined v-if="app.settingDrawerVisible" class="text-24px" />
|
|
|
|
|
<icon-ant-design:setting-outlined v-else class="text-24px" />
|
2022-01-07 18:51:06 +08:00
|
|
|
</n-button>
|
|
|
|
|
</template>
|
|
|
|
|
|
|
|
|
|
<script setup lang="ts">
|
|
|
|
|
import { useAppStore } from '@/store';
|
|
|
|
|
|
|
|
|
|
const app = useAppStore();
|
|
|
|
|
</script>
|
|
|
|
|
<style scoped></style>
|
