优化 Footer 组件中的动态按钮样式,简化按钮属性设置;在多个视图组件中更新动态按钮图标,提升用户交互体验。

This commit is contained in:
jxxghp
2025-04-20 14:46:34 +08:00
parent 1ffcfe643c
commit 6dd9d94e86
4 changed files with 3 additions and 11 deletions

View File

@@ -135,14 +135,7 @@ const showDynamicButton = computed(() => {
<VCard v-if="showDynamicButton" class="footer-nav-card dynamic-btn-card border" rounded="pill">
<VCardText class="footer-card-content">
<!-- 各页面的动态按钮 -->
<VBtn
variant="text"
color="primary"
:ripple="false"
@click="dynamicButton?.action()"
rounded="pill"
class="footer-nav-btn"
>
<VBtn variant="text" :ripple="false" @click="dynamicButton?.action()" rounded="pill" class="footer-nav-btn">
<div class="btn-content">
<VIcon :icon="dynamicButton?.icon || 'mdi-plus'" size="24"></VIcon>
</div>

View File

@@ -458,7 +458,7 @@ onMounted(async () => {
// 使用动态按钮钩子
useDynamicButton({
icon: 'mdi-view-dashboard-edit',
icon: 'mdi-magnify',
onClick: () => {
SearchDialog.value = true
},

View File

@@ -88,7 +88,7 @@ onActivated(() => {
// 使用动态按钮钩子
useDynamicButton({
icon: 'mdi-view-dashboard-edit',
icon: 'mdi-plus',
onClick: () => {
siteAddDialog.value = true
},

View File

@@ -92,7 +92,6 @@ onActivated(() => {
oper="add"
max-width="45rem"
persistent
z-index="1010"
@save="onUserAdd"
@close="addUserDialog = false"
/>