微信小程序> 小程序移动拖拽视图movableview

小程序移动拖拽视图movableview

浏览量:664 时间: 来源:北京智慧流官方iOS博客

本文发表于2018-5-11

2017年之前的微信版本并不支持movable-view组件控件(当然也没有谁这么久不更新微信咯!)

正题内容:

JS中的sender参数(sender是事件的传值)前提是只有一个touch移动的时候。多个touch需要在

changedTouches
数组中查找

  redclcik:function(sender){    wx.showModal({      title: '点击红色',      content: '',    })    console.log(sender);  },  redmove:function(sender){     console.log(sender);    // console.log(sender.changedTouches[0].pageX);      },

.wxss内容:

view移动视图控件/view!-- 创建一个move-area --movable-area style="width:100%;height:1000rpx;background:gray;"  !-- 可以移动view 黄色、宽高100rpx--  movable-view style='background:yellow;width:100rpx;height:100rpx;' direction="all"  /movable-view  !-- 可以移动view 红色、宽高100rpx--  movable-view style='background:red;width:100rpx;height:100rpx;' direction="all" bindtap='redclcik' bindtouchmove='redmove'  /movable-view/movable-area

视图效果:

小程序

快去试试吧!欢迎留言,第一时间反馈!

版权声明

即速应用倡导尊重与保护知识产权。如发现本站文章存在版权问题,烦请提供版权疑问、身份证明、版权证明、联系方式等发邮件至197452366@qq.com ,我们将及时处理。本站文章仅作分享交流用途,作者观点不等同于即速应用观点。用户与作者的任何交易与本站无关,请知悉。

产品经理

手机 : 13312967497

擅长 : 小程序流量变现

扫码领取礼包

热门模板

  • 头条
  • 搜狐
  • 微博
  • 百家
  • 一点资讯
  • 知乎