首页和页面缩放调整

2026-06-03 11:03:13 +08:00
parent 557a6f30f2
commit e6ae57e5fd
34 changed files with 360 additions and 190 deletions
@@ -22,6 +22,7 @@ inclusion: always

 ## 注意事项

- 页面结构和ts的常量变量和方法都要加中文注释
+- 页面结构和ts的常量变量和方法都要加中文注释，kiro编程工具沟通要回复中文
 - 新建 SCSS 文件如果使用了 variables.scss 中的变量（如 `$bg-white`、`$accent` 等），必须在文件顶部加 `@use '../variables' as *;`，否则通过 `@use` 方式引入 index.scss 时变量作用域不会穿透，会报 `Undefined variable` 错误
 - 因为项目用了 rem（1rem=100px）适配方案，所有 Vue 页面和组件文件的最外层盒子都要加 `font-size: 0.14rem`，避免页面样式中受浏览器默认 rem 行高影响导致文字和布局异常
+- 需要占满视口高度的元素（页面主容器、侧边栏、聊天面板等）禁止直接写 `height: 100vh`，必须使用 `height: var(--app-height, 100vh)`。原因：项目在小屏下使用 `transform: scale` 缩放，`100vh` 是缩放后的视口高度而非设计稿高度，会导致底部留白。`--app-height` 由 `src/plugins/remAdapt.ts` 动态注入，值为 `视口高度 / scale`（PC 端等于 `100vh`）