公告列表
公告列表
收藏
回答

iOS动画效果在手机上显示有bug

首先获取了input组件的focus后，再执行动画时，placeholder会卡在原来的位置，直到动画结束，请问这个该如何解决？

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

5 个回答

  • 黄思程
    黄思程
    2017-11-10

    input在弹起键盘时，此时不能更新input位置，我们后续优化下这种场景

    2017-11-10
    有用
    回复
  • 黄思程
    黄思程
    2017-11-09

    你好，请提供一下出现问题的机型和微信版本，以及能复现问题的简单代码示例。

    2017-11-09
    有用
    回复
  • Xavier
    Xavier
    2017-11-10

    我目前试过的所有机型（iPhone8, iPhone8Plus, Xiaomi Note4, Xiaomi6)都有问题，版本为1.6.0+

    2017-11-10
    有用
    回复
  • Xavier
    Xavier
    2017-11-10
    //focus事件
    inputFocus: function (e) {
     
        var _focusCount = this.data.focusCount;
     
        this.setData({
          focusCount: _focusCount + 1
        });
     
        var _target = e.currentTarget.id;
     
        // 输入框获得触摸
     
        this.scaleUjnPic();
     
      },
     
    //放大动画
      scaleUjnPic: function (zoomIn = false) {
        var animation = wx.createAnimation({
          duration: 500,
          timingFunction: 'ease'
        });
     
        if (zoomIn) {
          animation.width("170px").height("170px").step();
        } else {
          animation.width("100px").height("100px").step();
        }
     
        this.setData({
          ujnPicAnimation: animation.export()
        });
     
      }
    <input id='password-input' placeholder='请输入密码' confirm-type='done' class='index-input-general'
    placeholder-class="index-input-placeholder-general" password='true' bindfocus="inputFocus" bindblur='inputBlur' bindinput='passwordInput'></input>

    其实就是一个在点击过input之后的缩放下面的image

    //被缩放的图标
    <view hover-class="none" class='ujn-pic-container'>
      <image src='/res/images/ujn-pic.jpg' class='ujn-pic' animation="{{ujnPicAnimation}}"></image>
    </view>


    2017-11-10
    有用
    回复
  • Xavier
    Xavier
    2017-11-09

    这是什么原因呢？

    2017-11-09
    有用
    回复
请 登录 后发表内容
相关文档