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

Loading…
Cancel
Save