当前位置: 首页 > news >正文

uniapp手机屏幕左滑返回上一页支持APP,H5

核心:@touchstart="touchStart" @touchend="touchEnd"

代码示例:

<template><view class="payPasswordSetting" @touchstart="touchStart" @touchend="touchEnd"></view>
</template>
export default {data () {return {touchStartX: 0,  // 触屏起始点x  touchStartY: 0,  // 触屏起始点y         }},
methods:{touchStart(e) {  console.log("触摸开始")  this.touchStartX = e.touches[0].clientX;  this.touchStartY = e.touches[0].clientY;  },  touchEnd(e) {  console.log("触摸结束")  let deltaX = e.changedTouches[0].clientX - this.touchStartX;  let deltaY = e.changedTouches[0].clientY - this.touchStartY;  if (Math.abs(deltaX) > 50 && Math.abs(deltaX) > Math.abs(deltaY)) {  if (deltaX >= 0) {  console.log("左滑")  this.leftClick()} else {  console.log("右滑")  }  } else if(Math.abs(deltaY) > 50&& Math.abs(deltaX) < Math.abs(deltaY)) {  if (deltaY < 0) {  console.log("上滑")  } else {  console.log("下滑")  }  } else {  console.log("可能是误触!")  }  },leftClick(){// uni.navigateTo({//     url: './setting'// })// 这里自己写要跳转的路径},

http://www.lryc.cn/news/365826.html

相关文章:

  • 【Java毕业设计】基于JavaWeb的洗衣店管理系统
  • 使用sqlldr向oracle导入大量数据
  • Milvus LIKE操作符
  • iQOO neo 5精简内置组件
  • 为什么给网站安装SSL证书之后还是有被提示不安全?
  • 创建Frame单例,实现WPF页面跳转
  • 正宇软件助力江西数字人大建设,高效解决群众“急难愁盼”问题
  • 打造AIPC轻量化方案 360AI浏览器及360AI搜索全新发布
  • 《effective c++》学习笔记
  • 11.盛水最多的容器
  • 通过在idea上搭建虚拟hadoop环境使用MapReduce做词频去重
  • AI技术变革与企业服务创新
  • 探秘Facebook:社交媒体的未来之路
  • rust的类型转换和一些智能指针用法(四)
  • 探索大模型技术及其前沿应用——TextIn文档解析技术
  • Java HashMap 扩容机制深度解析
  • 一、Electron 环境初步搭建
  • ffmpeg编码器编码元数据的过程以及编码前后的差异
  • AB测试学习(附有相关代码)
  • 用idea将java文件打成jar包
  • Ansible——group模块
  • Sql注入-报错注入
  • pyqt 回车触发两次editingFinished的解决办法
  • 爬取股票数据python
  • 每日新闻掌握【2024年6月4日 星期二】
  • 智谱AI 发布最新开源模型GLM-4-9B,通用能力超Llama-3-8B,多模态版本比肩GPT-4V
  • 从写简历到谈薪资的最全教程
  • Vue3 响应式API:高级函数(二)
  • 『大模型笔记』什么是提示词注入(Prompt Injection)攻击?
  • SD-WAN与IPSec的对比