mirror of
https://github.com/chansee97/nova-admin.git
synced 2026-07-12 22:28:42 +08:00
30 lines
839 B
Vue
30 lines
839 B
Vue
<template>
|
||
<n-tooltip placement="bottom" trigger="hover">
|
||
<template #trigger>
|
||
<HeaderButton @click="openSetting">
|
||
<div>
|
||
<i-icon-park-outline-setting-two class="text-18px" />
|
||
<n-drawer v-model:show="drawerActive" :width="300">
|
||
<n-drawer-content title="系统设置">这是系统设置,但是暂时还没有内容</n-drawer-content>
|
||
</n-drawer>
|
||
</div>
|
||
</HeaderButton>
|
||
</template>
|
||
<span>设置</span>
|
||
</n-tooltip>
|
||
</template>
|
||
|
||
<script setup lang="ts">
|
||
import HeaderButton from '../common/HeaderButton.vue';
|
||
// import { useAppStore } from '@/store';
|
||
import { ref } from 'vue';
|
||
// const appStore = useAppStore();
|
||
|
||
const drawerActive = ref(false);
|
||
const openSetting = () => {
|
||
drawerActive.value = !drawerActive.value;
|
||
};
|
||
</script>
|
||
|
||
<style scoped></style>
|