小程序移动按钮

最新推荐文章于 2024-08-01 22:50:23 发布

那些年的笔记

最新推荐文章于 2024-08-01 22:50:23 发布

阅读量813

点赞数

分类专栏：笔记小程序文章标签：小程序移动按钮

本文链接：https://blog.csdn.net/qq_22079371/article/details/88695444

版权

笔记同时被 2 个专栏收录

39 篇文章 1 订阅

订阅专栏

小程序

18 篇文章 0 订阅

订阅专栏

1.页面

<image class="icon40" bindtap="addTeam" bindtouchmove="viewTouchMove" src="{{BaseURL}}uploadFile/groupImages/ProblemReport-zhu.png" style="left:{{left}}px;top:{{top}}px;"></image>

2.样式

.icon40 {
  height: 50px;
  width: 50px;
  position: fixed;
  bottom: 140rpx;
  right: 40rpx;
  border-radius: 50%;
  z-index: 99999999;
}

3.js

//底部加好移动
  viewTouchMove: function(e) {
    var that = this;
    that.setData({
      left: e.touches[0].clientX - 50,
      top: e.touches[0].clientY - 50
    })
  },