兼容性：uniapp框架版和纯微信小程序开发工具版。问题： 你也遇到微信小程序swiper里要放大量数据的需求了吗，刚开始觉得就循环往里放么，但是真实操作时会发现刚开始滑着还行，到后面就卡的动不了了？肿么办： 原理是实际渲染的列表里只放最多3个元素（这里考虑到如果list只有1个或2个或3个的
▍写在前面（来访者请直接浏览下一条）最近在做一个美食类小程序的时候，需要用到一个购物车，自己不好构思，就仿照美团的购物车写了一个，然后就在这卡了一下：购物车列表是fixed脱离文本流的，在上下滚动购物车列表的时候，底部的页面竟然也会跟着滚动，这怎么成，所以我就找了一下关于这个问题的解决方案。 ▍效果预览首先小声说一句，为了节约时间，所以在做数据模拟显示的时候，所有的图片还有名
转载
2023-12-12 22:51:02
941阅读
# uni-app 小程序中禁止 iOS 右滑的实现教程
在开发应用时，尤其是在使用 uni-app 开发小程序时，我们常常会遇到一些平台特有的行为。例如，在 iOS 手机上，用户习惯性的右滑手势会导致页面返回。这有时会浪费用户的操作体验或者导致错误的页面跳转。因此，在一些应用中，我们需要禁止这个右滑手势。本文将详细介绍如何在uni-app的小程序中实现这一功能。
## 步骤流程
以下是实现
原创
2024-10-20 04:10:33
923阅读
微信小程序实现左右联动最近学校课程系统分析项目使用了微信小程序来进行搭建，在选择了点餐项目后，对主页进行实现时，想要实现像麦当劳点餐一样，左边表示类别，右边表示菜品，通过点击左边的类，右边会滚动到对应的类，滚动右边的菜品，左边当前滚动到的菜品类别也回高亮显示。那么首先先展示一下成果吧！ 虽然这个功能很小，但我觉得一旦搞清楚scroll-view的原理就很有用处。首先查看微信小程序的官方文档： sc
转载
2023-12-25 12:31:45
135阅读
# UniApp小程序监听iOS侧滑返回
随着移动互联网的发展，越来越多的用户习惯于在使用小程序时，采用滑动手势进行导航。当你在iOS设备上使用小程序时，会发现侧滑返回功能被广泛使用。然而，开发者在使用UniApp开发小程序时，可能会遇到需要监听这个侧滑返回事件的需求。本文将为大家介绍如何在UniApp中监听iOS侧滑返回事件，并提供代码示例。同时，我们还将利用甘特图和饼状图来可视化一些相关的信
问题：当通过链接或者其他方式进入小程序指定页面时，一般我们会控制页面返回键隐藏，如下图：但是这样会存在一个问题，当我们再次进入小程序时，会一直停在当前页面，除非将小程序删除，再次搜索进入，才能进入小程序首页需求当从链接进入小程序指定页面时，从指定页面的右上角按钮返回，再次进入小程序，直接进入小程序首页 实现方法： 1、在指定页面通过链接进入小程序的，往状态管理存个标记位onLoad(option)
转载
2024-08-13 12:28:27
155阅读
虽然从显示技术和触控体验方面来说，iPhone 都能超过绝大多数智能手机，但是在日常使用过程中偶尔会存在一些问题，例如断触、触摸不灵敏，有些问题来自于系统本身，有些则可能是硬件原因。针对使用过程中遇到的屏幕问题，可以从以下 4 个方面解决。一、及时升级至最新或者较稳定的版本以最新的 iOS 13 为例，在早期的几个 Beta 版本中，经常会出现断触的情况，简单来说就是在多次触控中，可能会存在某几次
转载
2023-09-07 21:23:24
1357阅读
uniapp开发微信小程序-4.页面跳转与横向滑动本篇文章主要是想记录一下横向滑动功能，备忘的同时给大家做个分享。 但既然是初级分享系列文章，为了方便新手朋友的上手工作，还是在此之前说一下页面跳转的功能。 两个功能完全没有关系，大家看的时候没必要做关联。一、页面跳转页面跳转的方法非常简单，就是绑定一个点击方法，使用跳转接口即可：<view @click="tiaozhuan()">&l
转载
2024-04-16 21:49:39
74阅读
今天看我们图上有这么一个功能 web端的做过，这个微信小程序的没做过，于是上手册上找组件，寻思会跟app一样有什么组件呢，结果让我失望了，没有，好了，既然没有咱们自己做一个不就完了，它没组件，但是有事件啊 这三个函数就够了注意：讲一下工作原理，然后直接上代码 两个重叠的盒子，下方的盒子放两个按钮，上方的盒子放要展示的内容，默认是盖住下方的两个按钮的，然后只需要将上方的盒子向左移动就可以一点点露出来
转载
2024-05-17 15:47:29
268阅读
点赞
点击上面的商品，评价，详情可以滚动到相应的地方，当从上往下滑动的时候，滑到某个地方相应的tab就会被选中我之前的博客写过一个用scroll-view实现这个功能的demo,这篇就不用scroll-view实现。(有兴趣的可以去看看哦，第3篇)先说这一块，锚点跳转<view class="navs-nav" :class="{ navactivetext: index == num }" :
转载
2023-10-09 13:01:53
432阅读
前言杂谈 在聊移动APP测试用例设计之前，我请大家先思考如下2个问题： 第一，我们为什么要做好测试用例设计？——why？ 第二，好的测试用例设计有什么共性？ ——what? 深入思考这2个问题的答案是一件很有意义的事情，作为移动互联网时代的产品质量守卫军，我们必须提升自己的测试设计能力，必须清楚的知道要测什么，怎么测。但单从我们测试团队现状来看，有很多人都没有做好准备，测试设计方法仍然比较落后，
何为 @scroll-timeline 滚动时间线？什么是 @scroll-timeline 滚动时间线呢？@scroll-timeline 能够设定一个动画的开始和结束由滚动容器内的滚动进度决定，而不是由时间决定。意思是，我们可以定义一个动画效果，该动画的开始和结束可以通过容器的滚动来进行控制。示意 DEMO再系统性学习语法之前，我们通过一个 DEMO，简单了解一下它的用法：我们首先实现一个简单
一、先说scroll真机测试不能滑动的问题1、我做的项目是公司的一个小程序商城。产品是个妹子，UI+产品+运营，反正啥都会，尤其是提需求。要不是因为她比我重，我早就打她了。我本来已经做好了一个点击购买按钮弹出商品规格选项。本来规格不多，非要改成scroll的mmp，我就开始搞了 2、我用的是微信官方推荐的方式：使用方法具体的可直接到微信小程序开发文档中找到<view>
<scr
转载
2024-01-28 02:47:51
206阅读
前言：现在很多程序上都有左滑删除的效果，其实实现很简单，今天我们主要来记录一下小程序的左滑删除的实现过程。效果图：实现效果：当我们在该条记录上进行左滑操作时，整条记录跟着向左移动，同时右侧的删除按钮会显示出来。当我们点击删除按钮时，就会把该条记录删除掉。如果不想删除该记录，可以右滑取消，或者随意点击一个位置都可以使右侧的删除按钮隐藏回到原样。设计思路：首先在页面上每条 item 记录分为上下两层，
转载
2024-04-09 11:52:43
1236阅读
锲子微信小程序自定义左滑功能加上跳转，换成以往，左滑功能的逻辑一般是在js中实现，但在拖动方面，性能并不是那么的流畅。如今，官方新扩展了一套脚本语言wxs，在IOS设备上运行，性能会比JS快2~20倍，至于安卓上运行效率无差异。 构思结合wxs，做左滑功能主要分为三个步骤：拖动开始=>拖动中=>拖动结束让我们看看，这三个步骤需要做好哪些工作？ 拖动开始获取触发事件点
转载
2023-08-16 17:39:05
450阅读
毕设要求写一个浏览器端，一个APP端，一个微信端，刚开始以为要学三个技术然后写三个客户端，后来知道了uni-app这个神器，一次编写就可以编译生成APP、H5以及各种小程序版本的客户端。然而我比较熟悉的是web的前端开发，而且浏览器用于测试也是唾手可得，所以整个开发过程中用浏览器测试的基本上都很顺利，展现的效果也很好，然而在编译小程序端的时候出了很大的问题，整个页面都扭曲了，经过这两天的查资料与修
转载
2023-11-10 22:33:03
290阅读
在使用uni-app开发微信小程序时，开发者会遇到一些特定平台的事件处理问题，特别是在iOS方面。iOS设备中，用户可以通过侧滑手势返回上一个页面，这在某些情况下可能会导致我们想要进行一些额外的处理，比如保存当前页面的状态或是执行一些动画效果。
## 监听iOS侧滑返回事件
在uni-app中，直接监听微信小程序中iOS的侧滑返回事件并不是一个简单的任务。微信小程序的API并不直接提供对这个事
停止下拉刷新的效果 当处理完下拉刷新后，下拉刷新的loading效果会一直 显示，不会主动消失，所以需要手动隐 loading效果。此时，调用wx.stopPullDownRefresh()可以停止当前页面的下拉刷新上拉触底是移动端的专有名词，通过手指在屏幕上的上拉滑动操作，从而加载更多数据的行为。 监听页面的上拉触底事件 在页面的.js文件中，通过onReachBottom()函数即可监听当前页
问题现象这个问题的现象说起来很简单。小程序页面中有一篇很长的文章，内部有一个Echarts图表，手指上下滑动观看内容。但是手指滑动区域在Echarts图表上时，页面却不能滑动了。如下图：追踪问题原因因为在小程序上渲染图表用到的是echarts-for-weixin这个组件,而这个组件确实不支持一些Echarts功能。所以最开始我怀疑是这个组件的问题，认为它把我的滑动事件给吞了。为了确认这个问题，我
转载
2023-12-07 00:18:41
279阅读
1.指定页面不显示返回或首页按钮onShow(){
uni.h
}2.uni-app 开发微信小程序长按识别 ![在这里插入图片描述](/*
*2.使用image标签的show-menu-by-longpress属性
*show-menu-by-longpress开启长按识别功能
*/
<template>
<image
v-if="popupURL"
