我们好像在哪见过

手机号一键登录页面

写了个消息列表页面，这种消息页面的使用频率也很高，喜欢的道友一键cv吧。

uniapp项目小程序中难免会有一些页面需要自定义头部导航区域，因为原生的头部太简陋了，本文记录下uniapp自定义小程序的头部导航。

小程序-客服页面（一键复制）

写了个简易的uniapp购物车价格计算，单选，全选，数量加减，计算对应价格，帮助理解购物车的计算逻辑。

登录：调用uni.login/wx.login调用微信接口，获取code，调用后端后台获取openid；订单：调用后端接口获取订单ID，再调用后端接口传入openid、商品id、商品单价、商品数量等参数获取预支付的重要参数（时间戳timeStamp，随机字符串nonceStr，预支付id package，签名算法signType，签名paySign）支付：调用uni/wx.requestPayment微信支付方法，传递5个重要参数，获取支付结果（成功或失败）H5支付因为无法直接调用微信api，需要通过

如何在微信小程序中获取用户位置、内置地图选坐标和根据坐标在地图中打开

根据你的实际需求和项目复杂度选择合适的方法。如果分享逻辑简单且不会频繁修改，方法一是最直接的。如果希望代码更整洁和易维护，方法二或方法三会是更好的选择。

在开发小程序时，添加分享功能是一个常见需求。两种方法是实现小程序分享的不同方式，但它们有不同的应用场景和要求。（一键复制2024）

【代码】微信小程序中的所有生命周期钩子函数及其使用方法。

UniApp和微信小程序有一些区别，尽管它们都是用于开发小程序的框架，但在一些方面有所不同。以下是它们的区别：

全局配置文件及常用的配置项小程序根目录下的app.json文件是小程序的全局配置文件。常用的配置项如下：

安装vant组件库的前提是要拥有一个node.js（npm在其中），下载完node.js之后，在微信小程序的项目文件中输入命令行安装即可

这篇文章主要为大家详细介绍了微信小程序实现列表项左滑删除效果，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下

这篇文章主要为大家详细介绍了微信小程序实现列表左右滑动，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下做微信小程序开发，和app一样经常会用到列表左右滑动操作（删除等），目前微信小程序提供相应的控件有的兼容性不好，并且写上也不显示。只能我们自己来做，方法很多，我这里给个思路，仅供参考，欢迎讨论。1、我们可以把列表的元素放在scroll-view控件中，并且让scroll-view实现横向滑动。

.微信小程序--分包 什么是分包分包指的是把一个完整的小程序项目，按照需求划分为不同的子包，在构建时打包成不同的分包，用户在使用时按需进行加载。分包原理：在小程序启动时，默认会下载主包并启动主包内页面，当用户进入分包内某个页面时，客户端会把对应分包下载下来，下载完成后再进行展示。分包后的项目构成分包后小程序由一个主包与多个分包组成，

报错信息：WXML file not found: ./miniprogram_npm/@vant/weapp/action-sheet/index.wxml…

在小程序项目根目录打开命令行，输入

微信小程序 自定义导航栏

触摸事件判断用户是否左滑，有 bindtouchstart，bindtouchmove，bindtouchend 三个触摸事件。

onPageScroll事件，监听页面滚动事件，当页面滚动超过一定高度，显示出一键返回顶部的按钮。wx.pageScrollTo事件，实现一键返回顶部。将页面滚动到目标位置，支持选择器和滚动距离两种方式定位。

话不多说直接复制可用！左右布局分类效果图.........

自定义三级联动。无论三级，二级，一级基本异曲同工。微信给我们提供了picker组件,但是限制也非常多。只能从底部弹出，省市区数据不可更改等一系列问题。所以我们自己去做一个三级联动，微信也提供了组件picker-view来帮助我们实现

整体高度：状态栏高度+胶囊高度+(胶囊距离-胶囊高度）*2

代码实现：（复制可用）index.wxml：

【代码】微信小程序scroll-view 实现锚点定位，滑动标题变化，点击标题变化。

【代码】微信小程序实现左右联动布局效果。

思路1：for循环渲染item给点击的元素添加active标签多个元素使用wxs语法判断 active标签数组中是否存在点击的index思路2：如果只允许同时只存在一个元素变色 就不需要使用wxs 直接把{{utility.isActive(salaryState,index)}}改为{{state==index？思路3：如果在2的基础上 只需要短暂变色 使用微信：hover语法即可。

一、wx.navigateTo（）（入栈） （这是最普遍的一种跳转方式，其官方解释为：“保留当前页面，跳转到应用内的某个页面） 保留当前页面，跳转到应用内的某个页面。会产生缓存页面，缓存足够多时会导致页面卡顿。不建议三次以上跳转使用。类似于html中的 window.location.href=" "。 在wx.navigateTo中，每跳转一个新的页面，其原始页面就会被加入堆栈，通过调用wx.navigateBack()可通过获取堆栈中保存的页面 返回上

【代码】微信小程序商品详情页面开发案例。

隐藏原生navigationBarnavigation-bar是小程序的顶部导航组件，当页面配置navigationStyle设置为custom的时候可以使用此组件替代原生导航栏。

【代码】小程序 scroll-view 实现滚动高亮左侧 tab 导航栏锚点定位。

使用微信小程序实现3D轮播图效果，高度为自适应界面，动态获取设备高度

【代码】微信小程序—仿写京东购物商城带源码。

布局不是很复杂，一个循环列表，循环出购物车商品，外加一个结算的底部控件，还需要提醒的是，循环列表外面要加一层scroll-view，这样当数据很多是时候，可以滚动，不熟悉scroll-view的，请自行翻看前面几篇文章，里面有讲解

在官方文档中给出的示例配置中，你根本无法调整中部宽度，所以直接上方案/* 金额/虚拟价格 - 上浮 */.van-card__bottom{ padding-bottom: 80rpx!important;}/* 调整图像大小(最好用百分比) */.van-card__img{ width: 55%!important; height: 55%!important;}/* 调整左侧图像容器 - 使其贴近 */.van-card__thumb{ margin-right:-4

【代码】微信小程序获取微信昵称和头像（最新版本）

兼容各大平台——小程序、Vue2/3、JS、app、H5、微信小、支付宝、Hbuilder等等...... 只需3步，实现图片上传及裁剪

兼容各大平台——小程序、Vue2/3、JS、app、H5、微信小、支付宝、Hbuilder等等...... 只需3步，实现图片上传及裁剪

小程序自定义弹窗show后禁止屏幕滚动（滚动穿透）