fix: ref写法优化 路由跳转逻辑优化 部分样式优化

src/layouts/BasicLayout.tsx

@@ -1,4 +1,4 @@
-import { computed, defineComponent, h, ref, Transition, KeepAlive } from 'vue';
+import { computed, defineComponent, h, Transition, KeepAlive } from 'vue';
 import type { CSSProperties } from 'vue';
 import { useRouter, useRoute, RouterView } from 'vue-router';
 import { Layout, Menu, Modal, Breadcrumb, Dropdown, message } from 'ant-design-vue';
@@ -74,7 +74,7 @@ export default defineComponent({
   setup() {
     const route = useRoute();
     const router = useRouter();
-    const collapsed = ref(false);
+    const [collapsed, setCollapsed] = useState(false);
 
     const { menuItems } = useMenuStore();
     const { phone } = useUserStore();
@@ -90,7 +90,7 @@ export default defineComponent({
     };
 
     const toggleCollapsed = () => {
-      collapsed.value = !collapsed.value;
+      setCollapsed(!collapsed.value);
     };
 
     const activeTabKey = computed(() => route.path);