美文网首页
小程序拖拽2

小程序拖拽2

作者: 初源yang | 来源:发表于2019-07-15 17:28 被阅读0次

    index.wxml文件

    <viewclass="view" style="left:{{left}}px;top:{{top}}px;"  bindtouchmove="viewTouchMove" >使用鼠标拖动我</view>

    index.js文件

    Page({

      data:{

        left:'',

        top:''

      },

      viewTouchMove:function(e){

        this.setData({

          left:e.touches[0].clientX-60,

          top:e.touches[0].clientY-60

        })

      }

    })

    index.wxss文件

    .view{

        position: absolute;//有定位才可以

        height:120px;

        width:120px;

        background:green;

        color: white;

        text-align: center;

        line-height: 120px;

    }

    相关文章

      网友评论

          本文标题:小程序拖拽2

          本文链接:https://www.haomeiwen.com/subject/imcokctx.html