Laravel + Vue2 后台 UI 重设计踩坑记录
接到一个 ThinkCMF 后台 UI 重设计需求,要求保持原有接口不变,只改页面布局。项目使用 simpleboot3(Bootstrap 3 + jQuery + iframe 多标签)。
设计原则
- 浅色主题、大圆角、柔和阴影。
- 减少操作步数,单步合并页面。
- CSS 内联写入 HTML style 标签,避免 Cloudflare 缓存干扰。
iframe 多标签的处理
保留 iframe 架构,通过统一标签管理组件实现零延迟切换;在 iframe 加载完成前预渲染骨架屏,避免白屏。