movable-area导致下面的内容无法点击怎么解决

2021-07-05 820 阅读1分钟

备忘：给movable-area css加上pointer-events: none，给movable-view css加上pointer-events: auto亲测有效！！！

  <!-- 购物车按钮 -->
  <movable-area class="shopp_box" >
    <movable-view direction="all" x="{{width}}" y="{{height}}" animation="{{falseggggvvv}}" class="shopp_btn" bindtap="go_card">
      <image class="shopp"
      src="https://whiteclouds.oss-cn-shanghai.aliyuncs.com/%E5%8C%BB%E8%81%94%E4%BD%93%20%E5%95%86%E5%9F%8E%E9%A6%96%E9%A1%B5/Icon-43.svg">
    </image>
    </movable-view>
  </movable-area>
</view>

.shopp_box{
  position: fixed;
  top:100rpx;
  left: 0;
  width:100vw;
  height: calc(100vh - 100rpx);
  pointer-events: none;
}
.shopp_btn{
  width: 100rpx;
  height: 100rpx;
  pointer-events: auto
}

转载自：developers.weixin.qq.com/community/d… 感谢大佬