小程序 - - - - - 可拖拽组件

最新推荐文章于 2025-04-10 11:55:34 发布
原创 最新推荐文章于 2025-04-10 11:55:34 发布
· 433 阅读 · 4 ·
版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
文章标签：

#小程序 

<movable-area class='area'>
	<movable-view class="movable-view" direction="all"
最低0.47元/天 解锁文章
uniapp手机端可移动悬浮球组件实现
快来一起学习前端知识把！加油，前端人
04-05 1046
uniapp手机端可移动悬浮球组件实现。可直接复制使用
微信小程序写一个可以左右拖拽滑动选择范围的组件
w807139809的博客
08-12 555
微信小程序写一个可以左右拖拽滑动选择范围的组件
微信小程序长按拖拽排序
m0_55969466的博客
01-02 4832
微信小程序长按拖拽排序。
UniApp 实现兼容 H5 和小程序的拖拽排序组件
最新发布
涂涂
04-10 965
本组件通过计算每个 item 的位置并绑定触摸事件，实现了拖拽排序的能力，支持吸附、交换和动态位置调整，兼容多个平台。适用于菜单管理、组件排序等场景，封装后复用性强。如果你有更多关于 UniApp 拖拽交互的场景需求，欢迎留言讨论！**
微信小程序拖拽组件
weixin_45638909的博客
03-04 783
主要就是两个属性 给movable-area加上pointer-events: none，给movable-view加上pointer-events: auto 参考下面的社区 movable-area导致下面的内容无法点击怎么解决 | 微信开放社区 (qq.com) <style lang="scss"> @import "../../css/main"; .moveFather{ width: calc(100% - 112rpx);
微信小程序实现可拖拽小部件
wcy0112的博客
03-28 628
一开始设置盒子占满整个页面，发现会移出容器，发现是以红色为中心点。简单的解决办法，对宽高做处理。
微信小程序拖拽组件封装
ITzhongzi的博客
05-26 1305
效果展示 git 仓库地址 git仓库地址 https://github.com/MrITzhongzi/small_routine_components/tree/master/drag_component 思路 利用小程序的事件系统，在touchmove，即手指在屏幕上移动的时候改变组件的 固定定位的 top和left css属性 参考文章 参考文章 https://www.jianshu.com/p/4cf32621449b 使用示例 wxml <drag-component im
微信小程序新增拖动组件：movable-view
03-29
小程序在520节日前夜，让程序员们又躁动了一把，更新了一些很诱人的功能，如内容转发API，iBeacon API，振动API，屏幕亮度调节API等，也增强了地图组件的功能。 ... ...       此次的更新中，也新增了一个UI组件...
小程序组件-canvas拖拽组件.zip
11-30
wxa-comp-画布拖动小程序组件-canvas拖拽画板 概述wxa-comp-canvas-drag是一个可以添加多种元素（图片和文字）的画板，用户可以移动拖拽元素组成自己喜欢的样子并导出图片。組織編輯使用之前使用前，请确保您已经...
微信小程序-音频组件
11-28
在这个场景中，我们讨论的是一个特定的微信小程序组件——音频组件。这个组件设计得非常简洁，适用于快速集成音频播放功能到你的小程序项目中。 首先，我们要明白“自定义组件”在微信小程序中的含义。自定义组件是...
小程序组件-canvas 拖拽画板
04-16
小程序组件-canvas 拖拽画板，图片拖拽旋转缩放，文本拖拽旋转缩放，可换背景，文本换色，清空画布，后退功能，模板功能，小程序canvas 2d，可以添加多种元素（图片和文字）的画板，用户可以移动拖拽元素组成自己...
小程序可随意拖拽组件
08-10
小程序 可随意拖拽组件
微信小程序手势操作拓展插件，包括拖拽、旋转、缩放等wx-touch-master.zip
09-25
微信小程序手势操作拓展插件，包括拖拽、旋转、缩放等wx-touch-master.zip
小程序拖拽排序，拿来即用
12-04
该代码涉及到多层算法，支持微信小程序拖拽排序及H5js拖拽排序，拿来即用。
uniapp 悬浮球【随意拖拽】
weixin_46174785的博客
03-18 4092
先看效果 代码具体实现逻辑 <template> <view class="hover_ball_cell" :style="{ width: `${diameter}px`, height: `${diameter}px`, top: `${top}px`, left: `${left}px` }" @touchmove="touchmove" @touchend="touchend" @touchcancel="touchcancel" @tap="onTa
uniapp 悬浮球
织网的博客
08-31 1506
基于uni-app的通用组件（支持App，微信小程序、H5）； 新增可拖拽的悬浮球。
uni-app-悬浮球
阿金的博客
04-24 1249
1.在components中创建drag.vue 代码如下。newadd为触发悬浮球的方法 可根据业务进行编写。2.在需要悬浮球的页面引入次组件。
微信小程序 movable-area 区域拖动动态组件演示
weixin_45966674的博客
10-08 2068
使用 movable-area 组件可以对其内部的 movable-view 组件进行拖动操作，可以通过设置不同的属性和事件来自定义拖动的效果和行为。例如，可以设置 movable-area 的方向、边界限制、移动过程中的动画效果等等。movable-area 组件在小程序中的作用是用于创建一个可移动的区域，可以在该区域内拖动视图或内容。这个组件常用于实现可拖动的容器或可滑动的列表等交互效果。这样 我们这块元素就可以在区域内拖动。
微信小程序图片拖拽排序组件
weixin_44719258的博客
09-04 2098
图片拖拽排序是一个比较常用的组件，常用于发帖或者评论等内容上传模块，我通过transform实现了一个基于微信小程序原生语法的拖拽组件
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值