attiya/ebike-plus-ui
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

feat: tabs刷新

Browse Source
This commit is contained in:
wang_fan_w 2024-07-13 21:09:48 +08:00
parent f7c9bb2188
commit 17c5c65208
1 changed files with 39 additions and 29 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

18
src/layout/components/Tabs/index.vue
View File

@ -17,13 +17,13 @@
/> />
</a-tabs> </a-tabs>
<div class="tabs_setting"> <div class="tabs_setting">
<a-space>
<a-tooltip :content="$t(`language.refresh`)" position="bottom" mini>
<span ref="refreshRef" :class="rotateOpen && 'refresh'"><icon-refresh :size="18" @click="refresh" /></span>
</a-tooltip>
<a-dropdown trigger="hover" :popup-max-height="false"> <a-dropdown trigger="hover" :popup-max-height="false">
<div class="setting"><icon-apps :size="18" /></div> <div class="setting"><icon-apps :size="18" /></div>
<template #content> <template #content>
<a-doption @click="refresh">
<template #icon><icon-refresh /></template>
<template #default>{{ $t(`language.refresh`) }}</template>
</a-doption>
<a-doption @click="closeCurrent"> <a-doption @click="closeCurrent">
<template #icon><icon-close /></template> <template #icon><icon-close /></template>
<template #default>{{ $t(`language.close-current`) }}</template> <template #default>{{ $t(`language.close-current`) }}</template>
@ -46,6 +46,7 @@
</a-doption> </a-doption>
</template> </template>
</a-dropdown> </a-dropdown>
</a-space>
</div> </div>
</div> </div>
</template> </template>
@ -78,7 +79,12 @@ const onDelete = (key: string) => {
}; };
// 刷新当前页 // 刷新当前页
const rotateOpen = ref(false);
const refresh = () => { const refresh = () => {
rotateOpen.value = true;
setTimeout(() => {
rotateOpen.value = false;
}, 500);
const themeStore = useThemeConfig(); const themeStore = useThemeConfig();
themeStore.setRefreshPage(false); themeStore.setRefreshPage(false);
currentRoute.value.meta.keepAlive && routerStore.removeRouteName(currentRoute.value.name); currentRoute.value.meta.keepAlive && routerStore.removeRouteName(currentRoute.value.name);
@ -154,6 +160,10 @@ const closeOther = (type: string) => {
margin-right: $margin; margin-right: $margin;
color: $color-text-2; color: $color-text-2;
} }
.refresh {
transition: transform 0.5s;
transform: rotate(360deg);
}
} }
} }
:deep(.arco-tabs-nav-tab) { :deep(.arco-tabs-nav-tab) {