add click effect

This commit is contained in:
Jeffrey Hsu 2025-02-12 01:42:17 +08:00
parent a567454392
commit d91b7fc013

View File

@ -60,12 +60,12 @@ onMounted(() => {
:class="{ 'w-full': expendMenu }"
>
<div
class="m-2 flex h-11 w-11 flex-col items-center justify-center gap-1 rounded-md transition-all hover:bg-gray-400/20"
class="m-2 flex h-11 w-11 flex-col items-center justify-center gap-1 rounded-md transition-all hover:bg-gray-400/20 group"
@click="handleMenuExpend"
>
<div class="w-4 border-b" />
<div class="w-4 border-b" />
<div class="w-4 border-b" />
<div class="w-4 border-b group-active:w-2.5 transition-all" />
<div class="w-4 border-b group-active:w-2.5 transition-all" />
<div class="w-4 border-b group-active:w-2.5 transition-all" />
</div>
<div
v-for="(item, index) in asideMenu"