在多个视图组件中添加动态按钮功能,支持不同操作的弹窗显示,优化按钮显示逻辑以提升用户交互体验。

This commit is contained in:
jxxghp
2025-04-20 14:30:39 +08:00
parent 87c11eda46
commit 1ffcfe643c
4 changed files with 40 additions and 6 deletions

View File

@@ -11,6 +11,7 @@ import { useDisplay } from 'vuetify'
import { isNullOrEmptyObject } from '@/@core/utils'
import { PluginTabs } from '@/router/menu'
import PluginMarketSettingDialog from '@/components/dialog/PluginMarketSettingDialog.vue'
import { useDynamicButton } from '@/composables/useDynamicButton'
const route = useRoute()
@@ -454,6 +455,14 @@ onMounted(async () => {
}
}
})
// 使用动态按钮钩子
useDynamicButton({
icon: 'mdi-view-dashboard-edit',
onClick: () => {
SearchDialog.value = true
},
})
</script>
<template>
@@ -668,6 +677,7 @@ onMounted(async () => {
<div v-if="isRefreshed">
<!-- 插件搜索图标 -->
<VFab
v-if="!appMode"
icon="mdi-magnify"
color="info"
location="bottom"