feat(projects): 添加抽屉

src/layouts/common/SettingDrawer/components/DrawerButton/index.vue

@@ -0,0 +1,18 @@
+<template>
+  <n-button
+    class="fixed top-240px right-14px z-10000"
+    :class="{ '!right-330px': app.settingDrawerVisible }"
+    @click="toggleSettingdrawerVisible"
+  >
+    点击
+  </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>

src/layouts/common/SettingDrawer/components/index.ts

@@ -0,0 +1,3 @@
+import DrawerButton from './DrawerButton/index.vue';
+
+export { DrawerButton };