useEffect(() => {
if (isFirstRef.current) {
isFirstRef.current = false;
} else {
if (isCenter) {
document.getElementById('chart7').style.setProperty('--scaleSize', '2');
}
}
}, [isCenter]);
@scaleSize: var(--scaleSize, 1);
.bot_center_wrap {
height: calc(100% - 40px);
margin-top: 40px;
font-size: calc(@scaleSize * 0.73vw);
}
当模块居中时设置放大倍数为2倍
该代码段展示了如何在React应用中使用useEffectHook,根据条件改变元素的CSS变量`--scaleSize`。当模块居中(isCenter为真)时,元素`chart7`的缩放比例设为2倍,影响关联的CSS计算属性如`font-size`。
5336

被折叠的 条评论
为什么被折叠?



