优化 SiteCard 组件,使用 IconBtn 替代 button 以提升用户体验

This commit is contained in:
jxxghp
2025-04-03 12:59:30 +08:00
parent 3cef928b75
commit 43beb1df95
+6 -6
View File
@@ -312,25 +312,25 @@ onMounted(() => {
<VTooltip> <VTooltip>
<template #activator="{ props }"> <template #activator="{ props }">
<button v-bind="props" class="site-action-btn" @click.stop="handleSiteUserData"> <IconBtn v-bind="props" elevation="0" class="site-action-btn" @click.stop="handleSiteUserData">
<VIcon icon="mdi-chart-bell-curve" size="18" /> <VIcon icon="mdi-chart-bell-curve" size="18" />
</button> </IconBtn>
</template> </template>
<span>查看站点数据</span> <span>查看站点数据</span>
</VTooltip> </VTooltip>
<VTooltip v-if="!cardProps.site?.public"> <VTooltip v-if="!cardProps.site?.public">
<template #activator="{ props }"> <template #activator="{ props }">
<button v-bind="props" class="site-action-btn" @click.stop="handleSiteUpdate"> <IconBtn v-bind="props" elevation="0" class="site-action-btn" @click.stop="handleSiteUpdate">
<VIcon icon="mdi-refresh" size="18" /> <VIcon icon="mdi-refresh" size="18" />
</button> </IconBtn>
</template> </template>
<span>更新Cookie/UA</span> <span>更新Cookie/UA</span>
</VTooltip> </VTooltip>
<VTooltip> <VTooltip>
<template #activator="{ props }"> <template #activator="{ props }">
<button v-bind="props" class="site-action-btn more-btn"> <IconBtn v-bind="props" elevation="0" class="site-action-btn more-btn">
<VIcon icon="mdi-dots-vertical" size="18" /> <VIcon icon="mdi-dots-vertical" size="18" />
<VMenu activator="parent" close-on-content-click location="left"> <VMenu activator="parent" close-on-content-click location="left">
<VList density="compact" nav class="dropdown-menu"> <VList density="compact" nav class="dropdown-menu">
@@ -348,7 +348,7 @@ onMounted(() => {
</VListItem> </VListItem>
</VList> </VList>
</VMenu> </VMenu>
</button> </IconBtn>
</template> </template>
<span>更多操作</span> <span>更多操作</span>
</VTooltip> </VTooltip>