-

zhangwei

2025-06-18 9143fcdfc8b0c934d17523d6ab9fd27f316f24c5

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
<script setup lang="ts">
import MenuFold from "~icons/ri/menu-fold-fill";
import MenuUnfold from "~icons/ri/menu-unfold-fill";
 
interface Props {
  isActive?: boolean;
}
 
withDefaults(defineProps<Props>(), {
  isActive: false
});
 
const emit = defineEmits<{
  (e: "toggleClick"): void;
}>();
 
const toggleClick = () => {
  emit("toggleClick");
};
</script>
 
<template>
  <div
    class="px-3 mr-1 navbar-bg-hover"
    :title="isActive ? '点击折叠' : '点击展开'"
    @click="toggleClick"
  >
    <IconifyIconOffline
      :icon="isActive ? MenuFold : MenuUnfold"
      class="inline-block! align-middle hover:text-primary dark:hover:text-white!"
    />
  </div>
</template>