add click effect
This commit is contained in:
parent
a567454392
commit
d91b7fc013
@ -60,12 +60,12 @@ onMounted(() => {
|
|||||||
:class="{ 'w-full': expendMenu }"
|
:class="{ 'w-full': expendMenu }"
|
||||||
>
|
>
|
||||||
<div
|
<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"
|
@click="handleMenuExpend"
|
||||||
>
|
>
|
||||||
<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" />
|
<div class="w-4 border-b group-active:w-2.5 transition-all" />
|
||||||
<div class="w-4 border-b" />
|
<div class="w-4 border-b group-active:w-2.5 transition-all" />
|
||||||
</div>
|
</div>
|
||||||
<div
|
<div
|
||||||
v-for="(item, index) in asideMenu"
|
v-for="(item, index) in asideMenu"
|
||||||
|
Loading…
x
Reference in New Issue
Block a user