|
|
@@ -21,7 +21,9 @@
|
|
|
</n-layout>
|
|
|
</template>
|
|
|
<script setup lang="ts">
|
|
|
-import { h, ref } from 'vue'
|
|
|
+import {
|
|
|
+ h, onMounted, onUnmounted, ref
|
|
|
+} from 'vue'
|
|
|
import Icon from '@/components/icon.vue'
|
|
|
import { RouterLink, useRoute } from 'vue-router'
|
|
|
|
|
|
@@ -102,6 +104,12 @@ const menuOptions = [
|
|
|
const route = useRoute()
|
|
|
const selectedKey = ref(route.name)
|
|
|
|
|
|
+function changeTrigger() {
|
|
|
+ isTrigger.value = document.documentElement.clientWidth < 550
|
|
|
+}
|
|
|
+window.addEventListener('resize', changeTrigger, false)
|
|
|
+onMounted(() => changeTrigger())
|
|
|
+onUnmounted(() => window.removeEventListener('resize', changeTrigger, false))
|
|
|
</script>
|
|
|
<style lang="scss" scoped>
|
|
|
:deep(.n-menu) {
|
