movable-area

uniapp 微信小程序 ui-table 表头固定，可缩放，实现

效果图表头固定，可缩放效果前言用到的组件：使用uniapp内置组件movable-view和movable-area实现表格缩放使用uni-table实现表格渲染（自带多选，没有头固定功能）开始探索实现表头固定功能
anne都·2022-09-30 05:40

微信小程序movable-view的可移动范围示例详解

目录前言重新认识movable-area和movable-viewmovable-area和movable-view的一方完全包含另一方movable-area与movable-view区域交叉movable-area
·2022-07-23 11:40

图文并茂演示小程序movable-view的可移动范围

前言开发过小程序的同学可能对这两个内置组件并不陌生，他们配合用来实现在页面中可以拖拽滑动，其中：movable-area表示元素可移动的区域，它决定元素移动的区域范围movable-view表示可移动的视图容器
wonyun·2022-07-22 18:00

微信小程序（二）学妹问我微信小程序左滑删除怎么实现

效果展示实现过程用小程序基础组件movable-area和movable-view搭建视图架子拿到后台的商品数据循环展示左滑展示右侧隐藏的红色删除按钮点击按钮，通过dataset拿到当
·2022-07-21 17:23

微信小程序之基础组件

目录1、属性类型2、代码示例2.1、movable-area和movable-view2.1.1、movable-area2.1.2、movable-view2.2、page-container2.3、
Suifqwu·2022-05-25 19:20

微信小程序实现照片裁剪

本文实例为大家分享了微信小程序实现照片裁剪的具体代码，供大家参考，具体内容如下前段时间用小程序的canvas、movable-area、movable-view封装了一个按比例裁剪照片的组件，无需引用任何插件
·2022-05-24 13:07

uniapp可拖动在线客服图标功能开发中movable-area拖动元素事件穿透&&fixed定位父元素z-index低于页面级其它元素时，其子元素z-index无法穿透其他页面级展示的问题解决

场景：uniapp框架优化小程序项目中，发现了一个movable-area相关的事件穿透的问题，先整理下业务逻辑，在线客服通过小图标的展现形式悬浮在页面上，小程序初始化时赋一个初始坐标位置，用户可以在页面中随意拖动在线客服图标位置
霖深雾起不见你·2021-06-24 07:47

小程序自定义滑块movable-area

css=====================================movable-view{display:flex;align-items:center;justify-content:center;height:100rpx;width:1rpx;background:transparent;color:#fff;position:relative;}movable-viewvi
????????·2020-12-22 23:47

小程序实现左滑删除的效果的实例代码

一、使用movable-view实现滑动先看官方文档简单解读一下movable-area标签的基本概念。
·2020-12-13 12:19

小程序悬浮按钮movable-area实现及解决按钮图层遮罩问题

先上效果图图1实现方案1）通过使用movable-area、movable-view实现滑动2）限制按钮在屏幕可用范围内3）解决按钮图层遮罩问题作为多个页面公用按钮，新建组件components更合适，
猴哥的自由修养·2020-09-28 10:39

微信小程序可移动悬浮按钮

1.将整个屏幕用movable-area组件覆盖，2.在movable-area内部添加一个movable-view实现自由滑动。
qq_41241767·2020-09-15 17:39

小程序实现可拖动的悬浮按钮

小程序悬浮可移动的客服按钮，供大家参考，具体内容如下//根据x,y设置初次显示的位置客服电话CSS:.movable-area{pointer-events:none;/*这个属性设置为none,让所有事件穿透过去
·2020-09-15 06:38

sdf

movable-view区域小于movable-areaclickmetomoveto(30px,30px)movable-view区域大于movable-area可放缩
Ray_Adon·2020-09-13 18:52

微信小程序学习之路（三） 悬浮客服按钮

是参考官网文档，并稍加修改得到的官网地址：https://developers.weixin.qq.com/miniprogram/dev/component/movable-view.html废话不多，看代码movable-area
宸寰·2020-09-12 04:08

uni-app图片如何设置双指放大缩小

图片设置双指放大缩小这个功能相对来说比较简单的，是用于官方文档的路径(组件->视图容器->movable-area)，movable-area可以做双指放大缩小，并且放大的同时可以左右移动图片(页面)，
东泰丶·2020-08-15 19:31

微信小程序组件_小程序视图容器movable-area

微信小程序movable-area基础库1.2.0开始支持，低版本需做兼容处理movable-view的可移动区域注意：movable-area必须设置width和height属性，不设置默认为10px
微信小程序开发资源汇总·2020-08-14 03:47

微信小程序movable-view移动图片和双指缩放

movable-view开始说起吧.movable-view是微信小程序自定义的组件.其描述为:”可移动的视图容器，在页面中可以拖拽滑动”.值得注意的是文档中有一段备注:“当movable-view小于movable-area
chuti6853·2020-08-14 02:48

关于小程序画布展示图片模糊问题

关于小程序画布展示图片模糊问题基于movable-area中canvas画布展示图片并缩放操作中的图片模糊问题在移动端中常用到图片缩放的技术，在小程序中也不例外，微信小程序继续缩放功能封装了canvas
qq_43688809·2020-08-05 21:18

微信开发新增拖动组件--movableview介绍

小程序的更新中，也新增了一个UI组件，它就是视图组件movable-view，它需要配合movable-area来一起使用。简单来说，它就是一个支持在指定区域内可以拖动内容的容器。
weixin_34247155·2020-07-29 06:13

微信小程序浮动按钮的实现

结果真正使用时才发现，movable-view外面需要套一个movable-area才可以。没关系，套上好了。首先，建一个组件，叫phone好了，最外层是movab
攒钱植发·2020-07-28 11:56

小程序学习日记1

1.微信小程序组件解析：[1]视图容器movable-view，cover-image，cover-view，movable-area，scroll-view，swiper，swiper-item，view
1000sprites·2020-07-13 13:32

uniapp实现图片的放大缩小可拖拽

id=movable-view实现放大缩小主要依赖-movable-view注意：movable-area指代可拖动的范围，可放大缩小范围，在其中内嵌movable-view组件用于指示可拖动的区域。
哆来A梦没有口袋·2020-06-30 10:59

微信小程序 movable-view组件应用：可拖动悬浮框_返回首页

movable-view组件具体内容可参考官网：微信官方文档2.demo参考：https://github.com/ChinaFanny/YFWeappMovableView运行效果核心代码返回首页注意：movable-area
weixin_30832405·2020-06-28 01:02

小程序中的事件bindtap,bindchange

movable-area基础库1.2.0开始支持，低版本需做兼容处理。的可移动区域。
beichen3997·2020-06-22 17:02

小程序拖拽功能实现,以及无法点击的bug

近些日子,遇到了一个需求,就是一个红包组件,需要可以整个屏幕拖拽,实现后整理了如下资料小程序自带拖拽组件#movable-area(父容器)#movable-view(移动容器)这两个组件要配合使用才行
双笙_·2020-04-21 13:19

微信小程序新增拖动组件：movable-view

此次的更新中，也新增了一个UI组件，它就是视图组件movable-view，它需要配合movable-area来一起使用。简单来说，它就是一个支持在指定区域内可以拖动内容的容器。我们来看
一斤代码·2020-04-04 12:27

微信小程序实现可移动悬浮按钮（超简单）

1.将整个屏幕用movable-area组
Sean 寒·2020-03-19 16:13

小程序: moveable-area 和 movealbe-view

1.属性说明属性类型默认值说明scale-areaBooleanfalse当里面的movable-view设置为支持双指缩放时，设置此值可将缩放手势生效区域修改为整个movable-area二.movalbe-view
满聪·2020-02-28 09:03

小程序 — 实现左滑删除效果①

GitHub：https://github.com/Ewall1106/miniProgramDemo首先上图看下效果：小程序实现左滑删除效果1、movable-area基本概念大家仔细去看看官网的文档后再来看我写的这篇文章可能会
Ewall_熊猫·2020-02-23 08:10

微信小程序组件movable-view

movable-area：movable-view的可移动区域注意：movable-area必须设置width和height属性，不设置默认为10pxmovable-view：可移动的视图容器，在页面中可以拖拽滑动注意
肉肉要次肉·2020-02-17 06:20

小程序实现元素在页面可拖动 movable-area

实现客服按钮在页面区域可拖动；1:首先要定义一个容器,使元素在这个容器范围内可来回拖动；//就是该容器//是拖动的元素//xy是定义元素在页面的具体位置//animation防止拖动的时候掉帧css部分movable-area
句点_a·2019-10-29 11:13

小程序实现拖拽功能

timg.jpg小程序实现拖拽：movable-area和movable-view必须搭配使用才可以实现1.movable-area必须设置W和H，默认为10px2.movable-view小于movable-area
编程小橙子·2019-08-24 19:00

小程序实现左滑删除效果

本文实例为大家分享了小程序实现左滑删除效果的具体代码，供大家参考，具体内容如下1、movable-area基本概念实现思路：大家仔细去看看官网的文档后再来看我写的这篇文章可能会更好理解。
I-T枭·2019-07-25 10:33

菜鸟版，微信小程序----movable-area，movable-view实现模块拖动内容替换

代码如下：imageSelect.wxml{{item.name}}imageSelect.wxss.img_v{border:1rpxsolid;}imageSelect.js//template/imageSelect/imageSelect.jsComponent({/***组件的属性列表*/properties:{},//组件的初始数据data:{list:[],movinfo:{inde
呆瓜の无戒·2019-07-16 15:02

实训日志day 3

movable-view必须在movable-area组件中，并且必须是直接子节点，否则不能移动。swiper滑块视图容器。其中只可放置swiper-item组件，否则会导致未定义的行为。
Yt_Yt_·2019-06-20 00:45

微信小程序组件 movable-area，实现小图标，在窗口中来回拖动

解决方法：使用小程序的movable-area组件，图标样式：主要利用css3的pointer-events属性，给movable-area设置上pointer-events：none；那么该元素不在是鼠标事件的目标
elementFei·2019-05-10 18:21

微信小程序（可拖动悬浮按钮）

整体效果图介绍视图组件movable-view，它需要配合movable-area来一起使用。简单来说，它就是一个支持在指定区域内可以拖动内容的容器。
棉裤开档·2019-04-27 07:19

Taro 小程序拖拽排序

文件点击查看效果演示详细可见小程序，内有部分网络图片，需要打开不校验合法域名、web-view（业务域名）、TLS版本以及HTTPS证书代码路径实现步骤1.拖拽排序实现这一块不是难点，主要是movable-view，movable-area
前端瓶子君·2019-01-21 16:36

小程序拖动排序

做了一个小程序的movable-area组件做的一个拖动功能，可能是我比较笨，逻辑我想了一个星期才有点起色，终于是弄好了，废话少说，上代码。
百味苦·2018-10-24 15:30

微信小程序组件 movable-area 穿透性问题

movable-area的可移动区域，注意：movable-area必须设置width和height属性，不设置默认为10pxmovable-view可移动的视图容器，在页面中可以拖拽滑动，详情查看小程序官方文档问题
qq_36437172·2018-10-21 18:01

微信小程序怎么实现 图片按住一角缩放、旋转、拖拽

微信小程序怎么实现图片按住一角缩放、旋转、拖拽图片一角可以加个小图片,按住来操作利用movable-view、movable-area可以实现拖拽缩放、不好旋转是不是可以利用canvas绘图计算手指移动的位置角度感觉好麻烦
玉仙·2018-03-26 16:25

微信小程序movable view移动图片和双指缩放实例代码

movable-area是微信小程序的新组件，可以用来移动视图区域movable-view。移动方向可选择任何、垂直和平行。可移动区域里包含其他文本、图片、按钮等组件。
阿拉kiyo·2017-08-08 15:54

微信小程序新增拖动组件：movable-view

movable-view原文地址：http://www.wxapp-union.com/article-2354-1.html此次的更新中，也新增了一个UI组件，它就是视图组件movable-view，它需要配合movable-area
极乐小程序·2017-05-23 11:02

微信小程序新增的拖动组件movable-view使用教程

此次的更新中，也新增了一个UI组件，它就是视图组件movable-view，它需要配合movable-area来一起使用。简单来说，它就是一个支持在指定区域内可以拖动内容的容器。
一斤代码·2017-05-20 08:38
上一页 1 2 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他