今天看我们图上有这么一个功能 web端的做过，这个微信小程序的没做过，于是上手册上找组件，寻思会跟app一样有什么组件呢，结果让我失望了，没有，好了，既然没有咱们自己做一个不就完了，它没组件，但是有事件啊 这三个函数就够了注意：讲一下工作原理，然后直接上代码 两个重叠的盒子，下方的盒子放两个按钮，上方的盒子放要展示的内容，默认是盖住下方的两个按钮的，然后只需要将上方的盒子向左移动就可以一点点露出来
转载
2024-05-17 15:47:29
268阅读
点赞
uniapp开发微信小程序-4.页面跳转与横向滑动本篇文章主要是想记录一下横向滑动功能，备忘的同时给大家做个分享。 但既然是初级分享系列文章，为了方便新手朋友的上手工作，还是在此之前说一下页面跳转的功能。 两个功能完全没有关系，大家看的时候没必要做关联。一、页面跳转页面跳转的方法非常简单，就是绑定一个点击方法，使用跳转接口即可：<view @click="tiaozhuan()">&l
转载
2024-04-16 21:49:39
74阅读
停止下拉刷新的效果 当处理完下拉刷新后，下拉刷新的loading效果会一直 显示，不会主动消失，所以需要手动隐 loading效果。此时，调用wx.stopPullDownRefresh()可以停止当前页面的下拉刷新上拉触底是移动端的专有名词，通过手指在屏幕上的上拉滑动操作，从而加载更多数据的行为。 监听页面的上拉触底事件 在页面的.js文件中，通过onReachBottom()函数即可监听当前页
# 使用Uniapp开发微信小程序（iOS）
随着移动互联网的迅猛发展，微信小程序作为一种轻量级的应用，受到越来越多用户的青睐。使用Uniapp框架开发微信小程序不仅能够提高开发效率，同时也能够实现跨平台部署。本文将介绍如何使用Uniapp开发微信小程序，并提供详细的代码示例。
## Uniapp简介
Uniapp是由DCloud团队推出的一款跨平台开发框架，可以同时支持iOS、Androi
原创
2024-09-22 06:05:06
89阅读
文章目录1.小程序报错报类似Bad value with message的错误2.如果后端的接口数据返回null，则微信小程序会渲染成null ；h5端则不会；3.全局挂在的属性，在模板中不可用；4.微信小程序报错Converting circular structure to JSON5.uview不能使用@tap6.包体积瘦身，单包不能超过2M，总包不能超过20M7.@tap无法动态传参8.
转载
2024-08-24 16:45:03
224阅读
nodejs+koa+uniapp实现微信小程序登陆获取用户手机号及openId 前言： 我准备用nodejs+koa+uniapp实现一款餐饮点单小程序，以及nodejs+koa+vue实现后端管理平台，目前用nodejs+koa已经搭建好服务，并使用了链接池以及pm2进程守护来保护服务端接口调用，小程序涉及用户登录+支付+下单+订单管理+信息管理等，后端管理设计登陆+商品添加编辑删
转载
2024-06-27 22:45:40
362阅读
首先说一下思路：1.高度是通过一个二维数组存储的，所以我们只需要先通过自己的实际情况算出这个高度即可。let arr = [ [0, 522, 1002], &
转载
2023-12-21 07:30:20
384阅读
侧边栏滑动是很常见的功能，但是小程序出来不久，很多特效还没有成熟案例，只能原生重写，所以今天为大家带来4个漂亮的侧边栏特效~~侧边栏特效一先看效果： wxml： <!--page/one/index.wxml-->
<view class="page">
<view class="page-bottom">
<vi
转载
2024-01-21 01:06:49
84阅读
写在前面话：随着互联网的快速发展，微信小程序应用的快速便捷，不用下载安装等的优势越来越明显，于是，我就开始着手于小程序开发的学习，虽然微信提供了开发工具，但它只能生成小程序 ，不能生成APP，那么有没有两全的工具呢？ 百度后搜索到目前流程的开发工具是 Hbuilder，官网上以技术手册为重点，感觉没有简单的教程，虽然也提供了几套学习视频，自己试着学习了几个，总体感觉专业性较强，更有甚首一套视频教程
转载
2023-12-19 06:16:41
212阅读
我这也是第一次在HBuilderX上使用uni-app框架来开发微信小程序，做一个微信商城的前端功能。这篇文章主要是记录如何从开始创建项目到整体架构的搭建，还有如何使用第三方前端插件Vant Weapp，使页面更加美观，功能更加完善。对于uni-app的使用，很多都是vue的语法，对于学过vue的同学还是容易比较理解的。如果以前只是接触微信小程序，使用微信开发者开发的同学来说，好多语法格
转载
2024-10-12 11:05:26
71阅读
# iOS微信小程序左右滑动
在小程序开发中，左右滑动功能十分常见，特别是在展示图片、商品列表等场景中。本文将介绍如何在iOS微信小程序中实现左右滑动功能，带有代码示例，并附有甘特图进行展示。
## 实现步骤
### 步骤一：引入swiper组件
在WXML文件中使用swiper组件来实现左右滑动的效果。
```markdown
```html
原创
2024-06-04 07:18:01
122阅读
在现代移动应用开发中，定位功能是实现精准服务的重要组成部分，尤其是在uniapp和iOS微信小程序的开发中。然而，在实现定位功能时，特别是在iOS平台上，开发者常常面临一系列挑战。本文旨在探索和记录解决“uniapp iOS微信小程序定位”问题的全过程。
### 背景定位
在移动应用中，定位技术可以被广泛应用于不同场景，如购物导航、社交交友、位置分享等。对于uniapp开发者而言，了解iOS微
在使用uni-app开发微信小程序时，尤其是在iOS环境中进行分享功能的实现，往往会遇到各种问题。本文将详细记录解决“uniapp微信小程序分享ios”问题的过程，确保每个环节的清晰与完整，以便后续查看与使用。
## 环境预检
在展开工作之前，首先进行环境的预检，以确认各项要求符合开发与部署的标准。我们可以通过以下四象限图来展示环境的各个要素与其兼容性：
```mermaid
quadran
# 微信小程序中的iOS滑动卡实现
随着移动互联网的迅速发展，小程序作为一种轻便快捷的应用形式，越来越受到用户的欢迎。在微信小程序中，滑动卡片是一种常见的UI交互方式，能够让用户通过滑动手势快速浏览内容。这篇文章将带您了解如何在微信小程序中实现iOS风格的滑动卡片，并提供相应的代码示例。
## 1. 什么是滑动卡片
滑动卡片是一种可视化的组件，通常用于展示多个内容或信息，用户可以通过滑动手势
系列文章目录微信小程序页面上下滚动、左右滑动（一） 文章目录系列文章目录前言项目结构解决问题11.pretest页面2.test页面解决问题2总结参考 前言在上一篇文章，讲解了再微信小程序中如何实现页面上下滚动、左右滑动。但是，此处有2个缺陷。当有多少个可以滑动的页面时，就会渲染多少个组件当快速的左右滑动时，swiper 会出现卡死（无限循环滑动）的现象 那么我们可以考虑在每次渲染 swiper-
转载
2023-12-20 09:17:02
1028阅读
前言各位小伙伴是不是遇到过uniapp狗血的打包发布流程？哈哈哈哈，我是受不鸟了，公司一套代码发布三个小程序，我人都傻了 我能说什么，我只能写个脚本帮我跑这些流程了，不然我真得疯掉，对于公司的这些骚操作，我直呼好家伙啊准备工作微信公众平台开启小程序代码上传在你的根目录下新建keys文件夹和deploy.js将你第一步下载的小程序上传key文件复制到keys文件夹里再keys下新建version.j
转载
2024-08-08 15:21:10
198阅读
最近在做uniApp时需要跳转微信小程序进行支付，以为和跳转支付宝小程序支付一样简单结果让我发狂，跳转微信代码其实很简单就是下面这一段，但是要配置一大推东西提示：plus为App端默认的系统参数，不用引入或者其他操作 ios跳转跳转微信小程序还需要配置Universal Links Univers
转载
2023-11-06 20:27:35
302阅读
问题描述在许多用户体验效果较好的微信小程序中，用户通过左右滑动界面也能实现页面的切换，方便了用户使用，那它们是如何实现的呢？解决方案图 1 标签页切换在图1中，顶部的 3 个标签页标题用 0 、 1 、 2 来表示，当前显示为标签页 0 。当用户向左滑动页
转载
2023-11-03 20:59:32
210阅读
1、支付宝不支持v-show改为v-if。2、v-htmlApp端和H5端支持 v-html ，微信小程序会被转为 rich-text，其他端不支持 v-html。解决方法：去插件市场找一个支持跨端的富文本组件。3、导航栏处有背景色延伸至导航栏外兼容微信小程序和支付宝小程序 pages.json：给支付宝的导航栏设置透明{
"path": "pages/agent/agent",
"
转载
2024-08-24 16:48:50
414阅读
本篇主要介绍其中几个实用的配置：1. 配置应用级别样式、tabBar样式2. 配置前端页面路由、分包路由3. 配置easycom全局组件（组件无需import引入直接使用）一. 配置应用级别样式、tabBar样式创建一个包含首页、我的两个tabBar模块的应用布局，配置参数如下："globalStyle": {
"navigationBarTextStyle": "
转载
2024-05-15 07:01:28
740阅读
