Closed irisSong closed 3 weeks ago
此次更改涉及在多个组件中引入 pxTransform
工具,从 @/utils/px-transform
模块导入。具体而言,Empty
组件的 style
属性和 imageSize
属性均由硬编码的像素值修改为使用 pxTransform
函数生成的动态值。这些更改适用于 demo1.tsx
、demo3.tsx
和 demo6.tsx
文件,以实现更具响应性的样式。
文件路径 | 更改摘要 |
---|---|
src/packages/empty/demos/taro/demo1.tsx |
导入 pxTransform ,将 Empty 组件的 style 属性从 '10px' 修改为 pxTransform(10) 。 |
src/packages/empty/demos/taro/demo3.tsx |
导入 pxTransform ,将 Empty 组件的 imageSize 从 80 修改为 pxTransform(80) 。 |
src/packages/empty/demos/taro/demo6.tsx |
导入 pxTransform ,将 View 组件的 marginTop 从 '10px' 修改为 pxTransform(10) 。 |
size/M
在兔子洞里跳跃欢,
像素变换真奇妙。
样式响应随屏幕,
动态变化乐逍遥。
代码更新如春风,
兔子欢唱庆新生! 🐇✨
Thank you for using CodeRabbit. We offer it for free to the OSS community and would appreciate your support in helping us grow. If you find it useful, would you consider giving us a shout-out on your favorite social media?
🤔 这个变动的性质是?
🔗 相关 Issue
💡 需求背景和解决方案
☑️ 请求合并前的自查清单
⚠️ 请自检并全部勾选全部选项。⚠️
Summary by CodeRabbit
新功能
pxTransform
工具,实现响应式样式,替代硬编码的像素值。Empty
组件的样式,使其适应不同屏幕尺寸。组件更新
Demo3
和Demo6
组件的样式逻辑,使用动态计算的值。