mirror of
https://github.com/rustfs/console.git
synced 2026-09-19 09:52:25 +08:00
36 lines
880 B
Vue
36 lines
880 B
Vue
<template>
|
|
<n-dropdown :options="options" placement="right-end">
|
|
<div class="flex items-center border-t dark:border-neutral-800 py-4">
|
|
<n-avatar round size="small" src="https://07akioni.oss-cn-beijing.aliyuncs.com/07akioni.jpeg" />
|
|
<template v-if="!isCollapsed">
|
|
<span class="px-2">RustFS</span>
|
|
<Icon name="ri:more-2-line" class="ml-auto text-xl" />
|
|
</template>
|
|
</div>
|
|
</n-dropdown>
|
|
</template>
|
|
|
|
<script lang="ts" setup>
|
|
import { Icon } from '#components'
|
|
import { defineProps, withDefaults } from 'vue'
|
|
|
|
const props = withDefaults(defineProps<{
|
|
isCollapsed?: boolean
|
|
}>(), {
|
|
isCollapsed: false
|
|
})
|
|
|
|
const options = [
|
|
{
|
|
label: '用户资料',
|
|
key: 'profile',
|
|
icon: () => icon('ri:account-box-line')
|
|
},
|
|
{
|
|
label: '退出登录',
|
|
key: 'logout',
|
|
icon: () => icon('ri:logout-box-r-line')
|
|
},
|
|
]
|
|
</script>
|