|
|
|
@ -1,5 +1,5 @@ |
|
|
|
<script lang="ts" setup> |
|
|
|
import { FloatButton } from 'ant-design-vue' |
|
|
|
import { FloatButton, notification } from 'ant-design-vue' |
|
|
|
import { QuestionCircleOutlined } from '@ant-design/icons-vue' |
|
|
|
import { computed, unref } from 'vue' |
|
|
|
|
|
|
|
@ -36,6 +36,16 @@ const getIsFixedSettingDrawer = computed(() => { |
|
|
|
|
|
|
|
return settingButtonPosition === SettingButtonPositionEnum.FIXED |
|
|
|
}) |
|
|
|
|
|
|
|
function openNotification() { |
|
|
|
notification.open({ |
|
|
|
message: '信息提示', |
|
|
|
description: '该功能开发中,敬请期待!', |
|
|
|
onClick: () => { |
|
|
|
console.log('Notification Clicked!') |
|
|
|
}, |
|
|
|
}) |
|
|
|
} |
|
|
|
</script> |
|
|
|
|
|
|
|
<template> |
|
|
|
@ -46,7 +56,7 @@ const getIsFixedSettingDrawer = computed(() => { |
|
|
|
type="primary" |
|
|
|
:badge="{ dot: true }" |
|
|
|
:style="{ right: '64px' }" |
|
|
|
@click="openWindow(SITE_URL)" |
|
|
|
@click="openNotification()" |
|
|
|
> |
|
|
|
<template #icon> |
|
|
|
<QuestionCircleOutlined /> |
|
|
|
|