今天做小程序开发要实现左滑删除，借鉴了网上大佬们的代码，自己再做了代码补充实现功能，以此为记录 第一种：wxml：<view style="margin-top:20rpx;background:#ffffff;position: relative;" >
<navigator url="../details/details?id={{item.id}}" cla
1、movable-area基本概念实现思路：大家仔细去看看官网的文档后再来看我写的这篇文章可能会更好理解。（1）movable-area这个就是定义了一个移动的区域，跟普通的<view></view>的含义是一样的，不同在于，接着往下看；注意：movable-area 必须设置width和height属性，不设置默认为10px（2）movable-view这个
#left,#right{ width:300px; float:left; border:1px solid #000; height:400px; } #bar{ float:left; width:10px; height:400px; background:#000;
原创
2021-07-31 10:16:53
214阅读
一、左右页面滑动切换的实现1、页面实现左右滑动切换的效果，小程序提供了swiper标签来实现，swiper标签中current属性可以指定tab表示当前的滑块，current属性值动态改变，以此实现左右滑动切换的效果，如下图所示这是swiper标签的官方文档https://developers.weixin.qq.com/miniprogram/dev/component/swiper.html2
需求最近开发一个聊天软件，需要用到左滑显示、右滑隐藏。如图：本来打算自己写，但是又因为刚接触uniapp没有思路。所以我选择在网上参考一下大家的学习学习。 偶然翻到这篇文章后觉得写的简单易懂，所以就参考学习了这篇文章：参考文章：uniapp上实现一个左滑显示删除按钮，右滑删除按钮消失问题但是也遇到了问题，因为列表是for循环出来的，所以在拖动一个项目的时候都会被拖动，于是就在原代码的基础上进行了修
思路从上面的效果图来看，基本的需求包括：左右滑动到一定的距离，就向相应的方向移动一个卡片的位置。 卡片滑动的时候有一定的加速度。 如果滑动距离太小，则依旧停留在当前卡片，而且有一个回弹的效果。看到这样的需求，不熟悉小程序的同学，可能感觉有点麻烦。首先需要计算卡片的位置，然后再设置滚动条的位置，使其滚动到指定的位置，而且在滚动的过程中，加上一点加速度...然而，当你查看了小程序的开发文档之后，就会发现小程序已经帮我们提前写好了，我们只要做相关的设置就行。实现滚动视图左右滑动，其实就是水平方
原创
2021-08-10 10:39:06
1826阅读
小程序菜单左右联动小程序菜单左右联动，一个看起来很有趣并用途普遍的功能，没做这个功能之前，我翻阅了好多的网上文章，但是实现起来却都多少有些复杂（主要是不懂啥意思），直到遇到高人指点，用简单的逻辑，实现了这个功能，下面就是见证奇迹的时刻： 每个人的需求肯定是不一样的，理解为主。wxml需要做的： 1.首先要在右侧菜单的上面插入scroll-view 这个标签，这个标签官方做出了解释。 2.同时左侧菜
在wxml文件中绑定事件 绑定三个事件：touchstart、touchend、touchcancel，分别对应三个函数：touchStart、touchEnd、touchCancel<view style="width:100%;height:100%;"
bind:touchstart="touchStart"
bind:touchend="touchEnd"
bind
痛点 在微信小程序的标签中，<video> 标签的默认层级相当高，很多自定义标签即使设定了 z-index，也无法覆盖在 <video> 标签上，特别是在视频进入全屏状态下时。 有些时候我们需要在视频上显示一些自定义内容，或者禁止用户拖动进度条（小程序开发中 <video> 标签只有禁止手势拖动的属性设置，没有直接禁止进度条拖动的属性设置），就需要
推荐
原创
2022-04-12 10:27:39
1594阅读
前言关于讲解 JS 的拖拽功能的文章数不胜数，我确实没有必要大费周章再写一篇重复的文章来吸引眼球。本文的重点是讲解如何在某些特定的元素上禁止拖拽。这是我在编写插件时遇到的问题，其实很多插件的拖拽功能并没有处理这些细节，经过翻阅 jquery ui 的源码才找到答案。拖拽实现关于拖拽功能不再啰嗦，直接贴代码/**
* draggable 拖拽方法
* @param {type} modal -
效果新建 componets /navi目录 目录里右键新建Component 命名为index用的pic 都是png格式第一个命名triangle.dis@left 第二个 triangle@left 其他不多讲图片放到和navi目录同级别 新建images 放进去index.js// components/navi/navi.jsCom
原创
2023-03-14 08:37:51
185阅读
文章目录前言一、初识scroll-view二、左侧导航三、右侧滑动 前言最近在帮亲戚做一款微信的点餐小程序，以前从没有接触过小程序的我只能现做现卖。一边看文档一边实践尝试，在进行到点菜模块左侧滑动菜单时遇到了小小的阻碍。索性在查找一些资料和教程后主要功能实现了出来。特此记录下，也希望能帮助到需要做同样功能的同学。 效果图：一、初识scroll-view想要实现上述功能我们必须要借助微信为我们提供
# Android SeekBar禁止拖动实现教程
## 1. 介绍
在Android应用开发中，SeekBar是一种常用的用户界面元素，用于显示和调整一个数值范围内的进度。默认情况下，SeekBar是可以拖动的，但有时候我们可能需要禁止用户对SeekBar进行拖动操作。
本教程将教你如何在Android中实现禁止拖动的SeekBar。
## 2. 实现步骤概览
下表展示了实现禁止拖动的
画实例，再调用实例来描述动画，最后导出即可。先看效果如下：简单的参考代码：wxml:<image class='img' src="http://intm...
原创
2021-07-28 14:08:14
392阅读
.resizeDivClass { position:relative; background-color:red; width:2; z-index:1; left:expression(this.parentElement.offsetWid
原创
2021-07-31 10:16:52
168阅读
# 实现iOS UISlider禁止拖动的方法
## 流程概述
首先，我们需要了解实现iOS UISlider禁止拖动的具体步骤。下面是整个过程的步骤列表：
| 步骤 | 描述 |
| --- | --- |
| 1 | 创建一个UISlider对象 |
| 2 | 设置UISlider的属性，包括最小值、最大值和初始值 |
| 3 | 添加一个方法来处理滑块拖动事件 |
| 4 | 在方法中
