mirror of
https://github.com/jxxghp/MoviePilot-Frontend.git
synced 2026-09-05 23:56:42 +08:00
优化 SiteCard 组件,使用 IconBtn 替代 button 以提升用户体验
This commit is contained in:
@@ -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>
|
||||||
|
|||||||
Reference in New Issue
Block a user