Files
shanxia2.0/docs/superpowers/plans/2026-08-01-portal-mega-panel-min-width.md
T
2026-08-01 17:29:37 +08:00

22 lines
940 B
Markdown
Raw Blame History

This file contains ambiguous Unicode characters
This file contains Unicode characters that might be confused with other characters. If you think that this is intentional, you can safely ignore this warning. Use the Escape button to reveal them.
# 门户大面板最小宽度(方案 B)
> **For agentic workers:** 仅改前端定位;完成后人工在窄权限账号下点开一级验证。
**Goal:** 一级菜单较少时,二级大面板仍有足够宽度(最小约 720px),相对一级居中。
**Architecture:** 在 `ArtPortalMegaMenu.syncPanelPosition` 中计算 `max(一级宽, min(720, 视口−32))`,再按一级中心水平居中并钳制边距。
**Tech Stack:** Vue 3 · `art-portal-mega-menu/index.vue`
---
### Task 1: 更新面板定位
**Files:**
- Modify: `web-admin/src/components/core/layouts/art-portal-mega-menu/index.vue`
- Modify: `docs/superpowers/specs/2026-08-01-portal-mega-menu-design.md`(已补充规则)
**Step:** 改写 `syncPanelPosition` 按方案 B 计算 `left` / `width`;`top` 仍为一级底边。
**Verify:** 一级仅 2/4 项时面板宽 ≈ 720;一级很多时面板随一级变宽;窗口很窄时不超出视口。