收藏
回答

animation的API的方法可以使用rpx和百分比

框架类型 问题类型 API/组件名称 终端类型 操作系统 微信版本 基础库版本
小程序 需求 animation 微信iOS客户端 最新 1.9.94

- 需求的场景描述(希望解决的问题)

    用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根据百分比移动时却办不到。。

回答关注问题邀请回答
收藏

2 个回答

  • 7
    7
    2020-11-06

        var rpx = 700;

        var systemInfo = wx.getSystemInfoSync();

        var px = rpx / 750 * systemInfo.windowWidth;

    第一行,你要移动的rpx值。

    第二行,获取设备信息。

    第三行,计算px

    写animation的时候,把px写进去就行。旋转屏幕,自己做个逻辑判断,大同小异。

    2020-11-06
    有用
    回复
  • 卢霄霄
    卢霄霄
    2018-05-14

    百分比乘以750 就是 rpx呀

    2018-05-14
    有用
    回复
登录 后发表内容