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

# 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`

**步骤：**
- [x] 1.1 替换所有 `bg-white/20` 为 `style="background-color: rgba(255, 255, 255, 0.2);"`
- [x] 1.2 替换所有 `text-white/80` 为 `text-white` + `style="opacity: 0.8;"`

### Task 2: 增强 WXSS 检查脚本

**文件：**
- Modify: `scripts/check-wxss-escapes.js`

**步骤：**
- [x] 2.1 更新正则 `/\\.[a-zA-Z0-9_-]*\\\\[.:]/g` → `/\\.[a-zA-Z0-9_-]*\\\\[.:/]/g`

### Task 3: 验证与提交

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

## 全局约束

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