收藏
回答

movable-area消失时可以加上动画效果吗?

  <movable-area class="option_area" wx:show="{{showOptionBar}}">
    <movable-view class="option_bar" direction="vertical" out-of-bounds="true" bindchange="optionMove"
      >
      <view class="content option_line">上滑收起</view>
    </movable-view>
  </movable-area>
// 代码
      optionMove (e) {
        if (e && e.detail) {
          if (e.detail.y < 0) {
            this.showOptionBar = false
          }
        }
      },

a

这里 this.showOptionBar控制了moveable-area的是否展示,模拟上滑收起的效果,应该怎么做呢

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

1 个回答

  • 笑看人生
    笑看人生
    2022-07-18

    可以的,用@keyframes first控制position的位置,

    0%{ bottom:0;left:0}

    100%{ bottom:你想让他缩回去的位置;left:0}

    然后用用动持续几秒来控制它的速度即可


    animation:first 5S //这里几秒你自己来控制

    2022-07-18
    有用
    回复
登录 后发表内容