h5-style-guide
Installation
SKILL.md
H5 项目样式编写规范
核心约定速查
| 项目 | 规范 |
|---|---|
| 命名方式 | camelCase（小驼峰） |
| 设计稿基准 | 750px |
| 适配单位 | rem（postcss-pxtorem 自动转换） |
| 固定尺寸单位 | px（边框线、阴影等装饰性属性） |
样式方案优先级（必须按此顺序选用）：
| 优先级 | 方案 | 适用场景 |
|---|---|---|
| 1st | Ant Design 布局组件（Flex、Row/Col、Grid、Space） | 所有布局排列场景 |
| 2nd | Tailwind CSS | 布局以外的样式需求 |
| 3rd | Less Module | Tailwind 无法表达的复杂样式 |
| 4th | style 内联 |
仅限动态值（如 JS 计算的宽高、颜色） |