2026-06-26-fix-wxss-escape-selectors.md 1.4 KB


change: fix-wxss-escape-selectors design-doc: docs/superpowers/specs/2026-06-26-fix-wxss-escape-selectors-design.md

base-ref: 2984570526

fix-wxss-escape-selectors 实施计划

目标

修复 refine-weapp-ui-style 上线后发现的 WXSS 编译错误,移除生成 \\/ 转义选择器的 Tailwind 类,并增强构建检查脚本。

任务

Task 1: 修复组件中的 Tailwind 不兼容类

文件:

  • Modify: src/components/home/SalesHome.vue
  • Modify: src/components/home/DispatchHome.vue
  • Modify: src/components/home/ConstructionHome.vue
  • Modify: src/components/my/ProfileView.vue

步骤:

  • 1.1 替换所有 bg-white/20style="background-color: rgba(255, 255, 255, 0.2);"
  • 1.2 替换所有 text-white/80text-white + style="opacity: 0.8;"

Task 2: 增强 WXSS 检查脚本

文件:

  • Modify: scripts/check-wxss-escapes.js

步骤:

  • 2.1 更新正则 /\\.[a-zA-Z0-9_-]*\\\\[.:]/g/\\.[a-zA-Z0-9_-]*\\\\[.:/]/g

Task 3: 验证与提交

步骤:

  • 3.1 运行 npm run type-check
  • 3.2 运行 npm run build:mp-weixin
  • 3.3 确认 [check-wxss] app.wxss 未发现 WXSS 不兼容的转义选择器
  • 3.4 提交改动到 master

全局约束

  • 仅替换类名和脚本正则,不修改业务逻辑。
  • 所有改动必须在 npm run build:mp-weixin 通过且无 WXSS 转义选择器后提交。