committed by
GitHub
21 changed files with 462 additions and 750 deletions
@ -1,3 +1,3 @@ |
|||
{ |
|||
"exclude": ["zx", "eslint"] |
|||
"exclude": ["zx", "eslint", "eslint-plugin-unused-imports"] |
|||
} |
|||
|
|||
@ -1,46 +0,0 @@ |
|||
<script setup lang="ts"> |
|||
import { ref } from 'vue'; |
|||
|
|||
const isMenuOpen = ref(false); |
|||
const menuItems = ref(['1', '2', '3', '4']); |
|||
|
|||
const toggleMenu = () => { |
|||
isMenuOpen.value = !isMenuOpen.value; |
|||
}; |
|||
|
|||
const handleMenuItemClick = (_item: any) => { |
|||
// console.log(111, item); |
|||
}; |
|||
</script> |
|||
|
|||
<template> |
|||
<div class="fixed bottom-5 right-5 flex flex-col-reverse items-center gap-2"> |
|||
<button |
|||
:class="{ 'rotate-45': isMenuOpen }" |
|||
class="flex h-12 w-12 items-center justify-center rounded-full bg-blue-500 text-xl text-white transition-transform duration-300" |
|||
@click="toggleMenu" |
|||
> |
|||
✖ |
|||
</button> |
|||
<div |
|||
:class="{ |
|||
'visible translate-y-0 opacity-100': isMenuOpen, |
|||
'invisible translate-y-2 opacity-0': !isMenuOpen, |
|||
}" |
|||
class="absolute bottom-16 right-0 flex flex-col-reverse gap-2 transition-all duration-300" |
|||
> |
|||
<button |
|||
v-for="(item, index) in menuItems" |
|||
:key="index" |
|||
class="flex h-12 w-12 items-center justify-center rounded-full bg-blue-500 text-xl text-white" |
|||
@click="handleMenuItemClick(item)" |
|||
> |
|||
{{ item }} |
|||
</button> |
|||
</div> |
|||
</div> |
|||
</template> |
|||
|
|||
<style scoped> |
|||
/* 可以在这里添加任何需要的额外样式 */ |
|||
</style> |
|||
@ -1 +0,0 @@ |
|||
export { default as VbenFloatingButtonGroup } from './floating-button-group.vue'; |
|||
@ -1,19 +0,0 @@ |
|||
export {}; |
|||
|
|||
declare global { |
|||
// interface Window {
|
|||
const __VBEN_ADMIN_METADATA__: { |
|||
authorEmail: string; |
|||
authorName: string; |
|||
authorUrl: string; |
|||
buildTime: string; |
|||
dependencies: Record<string, string>; |
|||
description: string; |
|||
devDependencies: Record<string, string>; |
|||
homepage: string; |
|||
license: string; |
|||
repositoryUrl: string; |
|||
version: string; |
|||
}; |
|||
// }
|
|||
} |
|||
File diff suppressed because it is too large
Loading…
Reference in new issue