Closed bigmeow closed 10 months ago
好的,谢谢建议,这个估计得新开个项目,这个项目里硬编码的一些用来判断属性符不符合转换条件的代码就可以去掉了
我刚刚发布了 scale-view,可以进行动态行内转换:
// home.js
import { init } from "scale-view";
init(750, 600); // 初始化,750 作为设计稿宽度,600 作为实际最大宽度
// ComponentA.js
import { clampVw } from "scale-view";
// 传入动态宽高比 rate
function A ({ rate }) {
return <img src="xxx" width={clampVw(750)} height={clampVw(750 / rate)} />
}
暴露一个运行时函数,可以进行运行时的代码转换:
这样行内样式我们可以自己处理(一般行内样式都是用于动态的逻辑处理):