- 需求的场景描述(希望解决的问题)
用animation做动画时很麻烦
- 希望提供的能力
wxss标准用法是rpx,但js里animation的translate等方法只有px。wxss用rpx不用测量,但是到了js里做动画时用法只有px,这样在js写动画和添加相关div时会很麻烦。
希望补充:除了给出rpx还希望给出百分比%,毕竟如果多个组件叠加在一起绝对居中或者相似需求时只有用absolute的办法,用flex反而不够用。比如wxss绝对居中为top:50%left:50%transform:translate:(-50%,-50%),当我希望animationAPI根据百分比移动时却办不到。。
var rpx = 700;
var systemInfo = wx.getSystemInfoSync();
var px = rpx / 750 * systemInfo.windowWidth;
第一行,你要移动的rpx值。
第二行,获取设备信息。
第三行,计算px
写animation的时候,把px写进去就行。旋转屏幕,自己做个逻辑判断,大同小异。
百分比乘以750 就是 rpx呀