微信小程序

微信小程序使用uni-app一键获取用户信息

用户不想输入账号密码,一键登录  <label for="" @click="LoginDL">一键登陆</label> uni.getUserProfile(只支持微信小程序) 获取用户信息。每次请求都会弹出授权窗口,用户同意后返回 userInfo。  参数说明: »

微信小程序记住密码的功能简单几步实现

目录 实现思路 实现源码 实现思路 其实实现的核心思路非常简单,就是通过 wx.setStorageSync() 与 wx.getStorageSync() 方法在登录后将登录的信息进行存储,当我们再次登录时读取存储的登录信息赋值到页面即可。 实现源码 .wxml 文件 <f »

微信小程序实现分类菜单激活状态随列表滚动而自动切换效果详解

目录 view结构 js部分 属性解释 说明 注意 这里主要用到微信小程序提供的SelectorQuery获取页面节点信息实现,组件用的是微信小程序的scroll-view 逻辑就是获取右侧盒子的节点信息,获取右侧子分类的节点信息,当子分类滑动到顶部的之后,则切换左侧分类状态,而且当右侧 »

微信小程序开发中所碰到问题集锦

时间绑定bindtap的基础用法 <view id="tapTest" data-hi="WeChat" bindtap="tapName"> Click me! </view> 这里要注意的是data-xxx中的xxx需要小写,否则获取不到。 使用for循环的时候,这 »

微信小程序实现自动回复图片消息

目录 前提 实现 备注 前提 小程序已经开通了“云开发”功能 在微信开发者工具中打开“云开发”,点“设置”,点击“其它设置”,点击“添加消息推送”(添加消息类型为“image”和“event”两种消息推送设置),点击“确定” 目前微信小程序用户使用客服功能,必须通过固定的按钮进行触发, »

微信小程序骨架屏的实现方法

骨架屏是为了展示一个页面骨架而不含有实际的页面内容,从渲染效率上来讲,骨架屏它并不能使首屏渲染加快。由于骨架屏的一些使用又向用户渲染了额外的一些内容,这些内容是额外添加的、本来是不需要渲染的,它反而从整体上加长了首屏渲染的一个时长。 为了避免白屏现象的一个出现,可以这样优化:开发者可以在这个数据完 »

微信小程序开发之实现记账本

目录 一、项目展示 二、首页 三、效果图 一、项目展示 这是一款简易的记账本小程序 用户可以记录自己平日里的借入和借出的金额 此外可以手动删除记录(右滑记录) 二、首页 首页划分为资产金额和资产记录两部分组成 相关代码如下: <import src="lis »

微信小程序使用picker组件出现的问题探究

目录 一、picker基本概念 二、遇到的问题 三、如何解决 四、延伸 五、效果图 一、picker基本概念 先来看一下官方文档中picker的基本概念: 从底部弹起的滚动选择器,现支持三种选择器,通过mode来区分,分别是普通选择器,时间选择器,日期选择器,默认是普通选择器。 重要属 »

微信小程序自定义tabbar实现突出样式详解流程

目录 前言 一、自定义tabbar栏配置 二、添加自定义tabbar栏组件 添加组件代码 创建全局字段 在组件中保存重要字段 三、效果展示 前言 昨天主管突然给我说微信小程序默认的 tabBar 不美观,让我改成中间突出的那种样式。纵然我心里面有千般不情愿,但还是接下了这个任务。查了 »

微信小程序开发之实现心情记事本

目录 一、项目展示 二、首页 三、效果图 一、项目展示 心情记事本是一款可以记录当前心情和生活的记事本 用户可以选择当前的心情(开心、平淡、伤心)和表情 并结合自己想要描述的文字 就可以记录当前的心情了 为了更好的展现用户的心情 项目罗列了大量的精美表情 缩略图如下: 项 »

微信小程序实现二维码生成器

目录 一、项目展示 二、项目核心代码 一、项目展示 项目是一个简单实用的二维码生成器。 使用者可以在生成器中输入文字生成二维码,也可以在识别器中识别二维码的内容 二、项目核心代码 二维码生成 // pages/home/home.js Page({ data:{ »

微信小程序登录获取不到头像和昵称的详细解决办法

微信小程序登录获取不到头像和昵称主要原因是:小程序wx.getUserProfile接口被收回! 大家可以按照文档操作↓ PS: 针对小程序wx.getUserProfile接口将被收回后做出的授权调整 小程序文档中提出的调整说明 对于此次变化,现将小程序授权方式做以调整 添加判 »

使用nodejs搭建微信小程序支付接口的详细过程

目录 前言 支付流程 在微信小程序发起支付 支付模块 使用npm安装 引入依赖包 创建支付实例 获取支付参数 处理业务逻辑 解密回调结果 完整代码 最后 参考 前言 前段时间在开发一个微信小程序的时候需要用到支付功能,我就去看了下微信支付的官方文档,好家伙,微信官方只提供了jav »

微信小程序scroll-view指定滚动元素起始位置怎么做

scroll-into-view属性,值为某子元素的id,不能以数字开头,设置哪个方向滚动,则在哪个方向上滚动到该元素。 使用场景一:查看当前日期之前的数据(需求:初始化时为当前日期,然后从右往左滑动) <scroll-view enable-flex scroll-x class »

微信小程序接入微信支付实现过程详解

目录 一、基本介绍 二、配置信息 三、编码实现 四、流程总结 一、基本介绍 1、支付场景:点击支付按钮唤起微信支付弹窗,输入正确密码后完成支付。 2、基本流程:点击支付按钮首先生成一个订单,然后在后端调用微信api接口进行统一下单,将接口返回的数据回传到前端拉起支付操作,然后异步通知支付 »

微信小程序使用wx.chooseLocation开发地图怎么做

目录 一、申请开通 二、用法 一、申请开通 在小程序管理后台,「开发」-「开发管理」-「接口设置」中开通该接口权限,否则可能审核不通过 二、用法 1、配置地理位置用途说明 app.json中: "permission": { "scope.userLocation": »

vant开发微信小程序安装以及简单使用教程

 vant官方网站 准备工作 首先准备一个空文件夹,新建微信小程序,把文件夹路径引入,删除index.wxml,index.wxss以及index.js中的文件内容 删除完毕后重新初始化index.js,在页面中输入page  对外围的文件夹进行初始化 接下来就是在文件夹下的目 »

使用uniapp打包上架微信小程序完整教程

  首先打开manifest.json下的微信小程序配置 ,勾选所有  点击“发行”   点击发行   这时候就会跳转到微信小程序中,如果没出现以下错误可以跳过此步骤 在本地设置中勾选“不校验合法域名........”  输入版本号和备注后点击上传    在微信小 »