| | |
| | | |
| | | const current = computed(() => SCREEN_NAV.find(e => e.key === currentKey.value)); |
| | | |
| | | /** 始终留在首页路径,用 ?page= 切换 pageMap,避免跳到 /overview 丢掉导航壳 */ |
| | | /** 始终留在首页路径,用 ?page= 切换。默认页是地图,overview 也必须带 page,否则会被解析回 map */ |
| | | function go(key: ScreenKey) { |
| | | if (key === currentKey.value) return; |
| | | const query = { ...route.query } as Record<string, any>; |
| | | if (key === 'overview') { |
| | | delete query.page; |
| | | } else { |
| | | query.page = key; |
| | | } |
| | | query.page = key; |
| | | router.replace({ path: SCREEN_HOME_PATH, query }); |
| | | } |
| | | |
| | |
| | | gap: 10px; |
| | | flex-shrink: 0; |
| | | } |
| | | |
| | | @media (max-width: 992px) { |
| | | .green-screen__header { |
| | | flex-wrap: wrap; |
| | | align-items: flex-start; |
| | | gap: 8px; |
| | | } |
| | | |
| | | .brand { |
| | | min-width: 0; |
| | | flex: 1 1 auto; |
| | | } |
| | | |
| | | .nav { |
| | | order: 3; |
| | | flex: 1 1 100%; |
| | | } |
| | | |
| | | .tools { |
| | | max-width: 100%; |
| | | overflow-x: auto; |
| | | } |
| | | } |
| | | |
| | | @media (max-width: 768px) { |
| | | .green-screen { |
| | | min-height: 0; |
| | | height: 100%; |
| | | } |
| | | |
| | | .brand__title { |
| | | font-size: 16px; |
| | | } |
| | | } |
| | | </style> |