直接上代码:
必须有宽高
<movable-area style="width: {
{widthWrap}}px;height: {
{heightWrap}}px; pointer-events: none;position: fixed;top:0px;left: 0;">
<movable-view direction="all" x="{
{x}}" y="{
{y}}" inertia style="pointer-events: auto;position: absolute;top: auto;left: auto;" bindtouchend="touchEnd" bindtouchstart="touchStart" bindchange="move">
<view class="wxqj-box">
..............里面的内容
</view>
</movable-view>
</movable-area>
Page({
data: {
widthWrap: 0,
heightWrap: 0,
x: 0,
y: 0, //设置一开始的位置
xp: 0, //标记每次移动的起始点
yp: 0,
flag: false, //判断是否开始移动
}
onLoad() {
//获取可视宽高度
var w = wx.getSystemInfoSync().windowWidth;
var h = wx.getSystemInfoSync().windowHeight;