mirror of
https://github.com/soybeanjs/soybean-admin.git
synced 2025-09-26 05:06:43 +08:00
21 lines
688 B
Vue
21 lines
688 B
Vue
<template>
|
|
<n-button
|
|
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"
|
|
@click="toggleSettingdrawerVisible"
|
|
>
|
|
<icon-ant-design:close-outlined v-if="app.settingDrawerVisible" class="text-24px" />
|
|
<icon-ant-design:setting-outlined v-else class="text-24px" />
|
|
</n-button>
|
|
</template>
|
|
|
|
<script setup lang="ts">
|
|
import { NButton } from 'naive-ui';
|
|
import { useAppStore } from '@/store';
|
|
|
|
const app = useAppStore();
|
|
const { toggleSettingdrawerVisible } = useAppStore();
|
|
</script>
|
|
<style scoped></style>
|