pxcook导出微信小程序rpx代码需四步：一、项目设置中将标注单位设为rpx并确认设计稿宽750；二、用“微信小程序（wxss）”插件右键导出；三、手动按px×2换算为rpx；四、自定义templates中weapp_wxss.json模板，替换px为rpx。
如果您在使用PxCook进行设计稿标注后需要生成适配微信小程序的rpx样式代码，则可能是由于PxCook默认导出单位为px，而小程序要求使用rpx实现响应式布局。以下是将PxCook设计稿转换为微信小程序rpx样式代码的具体操作路径：
一、设置PxCook项目单位为rpx
该方法通过修改PxCook全局单位配置，使所有标注尺寸、字体、边距等直接以rpx输出，避免后期手动换算。需确保设计稿基准宽度与小程序默认750rpx一致。
1、打开PxCook软件，进入当前项目页面。
2、点击右上角“设置”图标（齿轮形状），选择“项目设置”。
3、在“单位设置”区域，将“标注单位”下拉选项切换为rpx。
4、确认“设计稿宽度”输入框中数值为750，并勾选“启用rpx自动换算”选项。
5、点击“保存”，刷新画布后所有标注数值即显示为rpx单位。
二、使用插件导出带rpx的WXSS代码
该方法依赖PxCook内置的“微信小程序”代码导出插件，可一键生成包含class命名、rpx尺寸、颜色值及Flex布局声明的标准WXSS片段。
1、在图层列表中选中需导出样式的组件或页面容器。
2、右键弹出菜单，选择“复制为代码” → “微信小程序（WXSS）”。
3、粘贴至文本编辑器，检查生成内容：字体大小、padding、margin、width等属性值后缀应为rpx，而非px或rem。
4、若发现某属性仍为px，返回PxCook检查该图层是否被锁定单位，或是否存在嵌套缩放未归一化。
三、手动替换px为rpx并按比例换算
当PxCook版本不支持rpx直出或部分图层未被识别时，可通过公式（rpx = px × 2）将750px设计稿中的数值批量转为rpx，适用于WXML内联样式或动态样式注入场景。
1、在PxCook中标注面板中记录目标元素的px值，例如：width: 150px，font-size: 28px。
2、使用计算器或Excel执行乘法运算：150 × 2 = 300，28 × 2 = 56。
3、将结果分别写入WXSS文件对应属性，格式为width: 300rpx; font-size: 56rpx;。
4、对border、shadow、transform等含px参数的样式同样执行该换算，注意box-shadow的偏移量和模糊值均需×2。
四、配置PxCook导出模板自定义rpx规则
该方法通过编辑PxCook的代码模板文件，强制所有尺寸类属性后缀为rpx，并跳过字体/行高以外的单位判断逻辑，适用于高频导出且需统一规范的团队协作环境。
1、关闭PxCook，在安装目录下定位到“templates”文件夹，找到“weapp_wxss.json”文件。
2、用文本编辑器打开，查找所有出现“px”的字符串，将其替换为rpx，包括但不限于“width”: “{w}px” → “width”: “{w}rpx”。
3、在字体相关字段如“font-size”后添加固定后缀，确保“font-size”: “{fs}rpx”而非变量拼接。
4、保存文件，重启PxCook，新建导出任务即可应用该模板生成纯rpx代码。
