解决movableview拖拽组件问题-即速应用

解决movableview拖拽组件问题

浏览量：632 时间：2019-12-23 来源：echo008

# 小程序拖拽组件### 微信开发工具导入项目

  新建项目 - 导入src文件 - 预览效果

截图预览

组件代码

movable.wxml

  movable-area class='movable-box'    slot/    movable-view      class='movable-btn'      x='{{x}}'      y='{{y}}'      direction='all'      bindtap='goEvt'      navigator        target='miniProgram'        open-type='navigate'        app-id=''        path=''        extra-data=''        version='release'小程序/navigator    /movable-view  /movable-area

movable.wxss

  .movable-box {    width: 100vw;    height: 100vh;  }  .movable-btn {    position: fixed;    width: 100rpx;    height: 100rpx;    line-height: 100rpx;    text-align: center;    background: #ccc;    border-radius: 50%;    font-size: 30rpx;  }

movable.js

  let {    windowWidth,    windowHeight  } = wx.getSystemInfoSync()  Component({    properties: {      x: {        type: Number,        value: windowWidth - 70      },      y: {        type: Number,        value: windowHeight - 75      }    }  })