优化 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
+1 -8
View File
@@ -135,14 +135,7 @@ const showDynamicButton = computed(() => {
<VCard v-if="showDynamicButton" class="footer-nav-card dynamic-btn-card border" rounded="pill"> <VCard v-if="showDynamicButton" class="footer-nav-card dynamic-btn-card border" rounded="pill">
<VCardText class="footer-card-content"> <VCardText class="footer-card-content">
<!-- 各页面的动态按钮 --> <!-- 各页面的动态按钮 -->
<VBtn <VBtn variant="text" :ripple="false" @click="dynamicButton?.action()" rounded="pill" class="footer-nav-btn">
variant="text"
color="primary"
:ripple="false"
@click="dynamicButton?.action()"
rounded="pill"
class="footer-nav-btn"
>
<div class="btn-content"> <div class="btn-content">
<VIcon :icon="dynamicButton?.icon || 'mdi-plus'" size="24"></VIcon> <VIcon :icon="dynamicButton?.icon || 'mdi-plus'" size="24"></VIcon>
</div> </div>
+1 -1
View File
@@ -458,7 +458,7 @@ onMounted(async () => {
// 使用动态按钮钩子 // 使用动态按钮钩子
useDynamicButton({ useDynamicButton({
icon: 'mdi-view-dashboard-edit', icon: 'mdi-magnify',
onClick: () => { onClick: () => {
SearchDialog.value = true SearchDialog.value = true
}, },
+1 -1
View File
@@ -88,7 +88,7 @@ onActivated(() => {
// 使用动态按钮钩子 // 使用动态按钮钩子
useDynamicButton({ useDynamicButton({
icon: 'mdi-view-dashboard-edit', icon: 'mdi-plus',
onClick: () => { onClick: () => {
siteAddDialog.value = true siteAddDialog.value = true
}, },
-1
View File
@@ -92,7 +92,6 @@ onActivated(() => {
oper="add" oper="add"
max-width="45rem" max-width="45rem"
persistent persistent
z-index="1010"
@save="onUserAdd" @save="onUserAdd"
@close="addUserDialog = false" @close="addUserDialog = false"
/> />