小程序
小游戏
企业微信
微信支付
扫描小程序码分享
类似微信朋友圈相册轮播和放大的功能怎么实现?目前是swiper+movable-area嵌套movable-view实现,但是一直有问题,movable-area在移动的时间就触发了swiper的滑动,请教大佬!
5 个回答
加粗
标红
插入代码
插入链接
插入图片
上传视频
楼主实现效果了吗。我也碰到这个问题了。现在很急哇
你好,麻烦通过点击下方“反馈信息”按钮,提供出现问题的。
你catch 住 moveable view 的 move 事件,就能阻止 swiper 滚动了。同时也会导致 moveable view 的移动失效,需要你自己再做移动。
swiper + movable-view
请参考:https://developers.weixin.qq.com/community/develop/article/doc/0006cee2a902b060ed00a3a346c013
swiper+wx.previewImage 不可以?
关注后,可在微信内接收相应的重要提醒。
请使用微信扫描二维码关注 “微信开放社区” 公众号
楼主实现效果了吗。我也碰到这个问题了。现在很急哇
你catch 住 moveable view 的 move 事件,就能阻止 swiper 滚动了。同时也会导致 moveable view 的移动失效,需要你自己再做移动。
swiper + movable-view
<movable-view wx:if="{{urlsLoaded[index]}}"
class="proviewimage-movable"
bindtap="multipleTap" bindscale="movableScale"
direction="all" inertia scale
catchhtouchmove="{{scaleValueTmp>1.5?'touchmove':''}}"
catchvtouchmove="{{scaleValueTmp>1.5?'touchmove':''}}"
scale-min="1" scale-max="{{scaleMax}}" scale-value="{{scaleValue}}">
</movable-view>
2,监听缩放事件,设置scaleValueTmp 的值
lastMovableScale:null,
lastMovableScaleTime:null,
movableScale(e){
this.lastMovableScale=e.detail
if(this.lastMovableScaleTime){
clearTimeout(this.lastMovableScaleTime)
}
this.lastMovableScaleTime=setTimeout(()=>{
console.log('this.lastMovableScaleTime',this.lastMovableScale)
this.setData({
scaleValueTmp:this.lastMovableScale.scale
})
this.lastMovableScaleTime=null
},100)
},
请参考:https://developers.weixin.qq.com/community/develop/article/doc/0006cee2a902b060ed00a3a346c013
swiper+wx.previewImage 不可以?