Browse Source

feat:修改浮动按钮功能

pull/45/head
肖晋飞 2 months ago
parent
commit
9f7f685c59
  1. 14
      src/layouts/default/feature/index.vue

14
src/layouts/default/feature/index.vue

@ -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 />

Loading…
Cancel
Save