单位转换说明（px → vw）

本组件库在构建阶段使用 postcss-px-to-viewport-8-plugin 将样式中的 px 单位按 750 设计稿转换为 vw，仅作用于 packages/components 下的组件样式。

配置要点

• 视窗宽度：750
• 最小转换像素：1px
• 媒体查询：不转换（mediaQuery: false）
• 转换范围：仅 packages/components 目录（排除 node_modules）
• 忽略标记：在需要保持固定尺寸的声明旁添加 /* no */

使用示例

.box {
  width: 150px; /* 将转换为 20vw */
  height: 60px; /* 将转换为 8vw */
}

.fixed {
  border-radius: 8px; /* no */ /* 保持为 8px，不转换 */
}

验证方式

• 运行 pnpm run build 后，检查 packages/components/dist/index.*.js 中的内联样式，px 将被替换为 vw。
• 在移动端（320px–414px）视窗下预览组件，布局应按比例适配。

注意事项

• 仅转换组件样式，不影响第三方库样式。
• 设计稿中的 px 注释可保留于源码作为参考；需要固定尺寸的元素使用 /* no */ 忽略。