微信小程序 tab切换内容及分页
摘要：在实际项目中，经常会遇到点击切换不同内容的情况，尤其是个人中心的订单页，还要同时实现滚动分页效果。 效果如下： <view class="tabNav"> <view wx:for="{{navTab}}" wx:key="index" data-idx="{{index}}" bindtap="c
阅读全文
posted @ 2019-12-25 13:18
随笔分类 - 微信小程序
微信小程序
小程序跨页面数据传递与事件响应
摘要：在实际工作中有很多场景需要在第二个页面中将用户操作之后的将数据回传到上一页面。接下来将我的方案分享给小伙伴。 本次示例采用 uni-app 框架和 weui 样式库 实现思路 创建一个 Emitter，用于事件处理 创建一个 ... 在实际工作中有很多场景需要在第二个页面中将用户操作之后的将数据回传
阅读全文
posted @ 2019-12-17 12:05
微信小程序根据生日获取年龄
摘要：// 根据出生日期计算年龄周岁 传参格式为1996-06-08 // 根据出生日期计算年龄周岁 传参格式为1996-06-08 function getAge(strBirthday) { var returnAge = ''; var mouthAge = ''; var strBirthdayA
阅读全文
posted @ 2019-11-24 11:28
微信小程序出现 text 设置行高 line-height 无效的问题
摘要：前言： 我在写程序过程中遇到过给text加line-height不生效的问题，但是也有生效的情况，如果不生效了就按下面的解决方法处理吧。 解决办法： 在text的外层嵌套一层view,然后给view设置样式line-height即可。
阅读全文
posted @ 2019-11-24 10:33
微信小程序中换行，空格（多个空格）写法
摘要：在小程序中HTML的网页实体无法正常使用，小程序中的写法为： 一、空格，换行 <text>你好！\t七月流火啊！\n我在下一行</text> \t 空格（ 多个只会显示一个空格） \n 换行 二、连续空格 <view> <text space="ensp">你好 啊 哈哈哈（空格是中文字符一半大小）
阅读全文
posted @ 2019-11-24 10:20
微信小程序的bindtap事件
摘要：在微信小程序中，要想获取元素的属性值，需要用到 bindtap事件，如果想要正确获取到属性值，对属性的命名还有一定要求 如下是正确的方式data-money-Num="9.93"： <view class="weui-msg__desc msg_text">我的<text class="msg_te
阅读全文
posted @ 2019-11-23 21:58
微信小程序如何做金额输入限制
摘要：引言：金额输入时，需求如下： 1）首位不能出现0或者小数点（.） 2）仅保留两位小数 3）仅保留一个小数点（.），不允许出现多个。 1.wxml核心代码： <!-- 1.adjust-position:true 键盘弹起时，是否自动上推页面 2.bindinput="inputedit":类似双向绑
阅读全文
posted @ 2019-11-23 16:06
微信小程序使用函数的三种方法
摘要：一、使用来自不同页面的函数 函数写在util.js页面 function formatTime(date) { var year = date.getFullYear() var month = date.getMonth() + 1 var day = date.getDate() var hou
阅读全文
posted @ 2019-11-23 16:01
微信小程序API交互反馈,wx.showToast显示消息提示框
摘要：导读：wx.showToast(OBJECT) 显示消息提示框。 OBJECT参数说明： 参数 类型 必填 说明 最低版本 title String 是 提示的内容 icon String 否 图标，有效值"success"、"loading" image String 否 自定义图标的本地路...
阅读全文
posted @ 2019-11-16 00:11
微信小程序获取用户手机号
摘要：前端通过微信接口获取这三个参数 $code = input('post.code'); $encryptedData = urldecode(input('post.encryptedData')); $iv = input('post.iv'); 首先 我们拿code去curl获取到用户的信息 (
阅读全文
posted @ 2019-11-14 14:50
小程序登录解密用户数据encryptedData -41001: encodingAesKey 非法
摘要：问题： 做小程序微信授权登录，先获取code,然后去获取到session_key和open_id，再拿到encryptedData，传到服务器去解密拿到用户信息，但是有时成功，有时返回-41001错误， 观察日志，都有获取到session_key，这是什么原因造成的，应该怎么去解决呢？ 解决方法：
阅读全文
posted @ 2019-11-14 14:39
微信小程序通过getPhoneNumber后台PHP解密获取用户手机号码
摘要：之前做的版本用户这块是以获取用户openid为凭证，最近改版重新整理了一下，新增注册登录以手机号码为主， 两种（正常注册手机号码-密码+一键获取当前用户手机号码） getPhoneNumber这个组件要通过button来实现。将button中的open-type=“getPhoneNumber”,并
阅读全文
posted @ 2019-11-01 23:22
设置API：wx.openSetting,wx.getSetting使用说明(示例：地图授权与取消授权后的重新授权)
摘要：这个API解决了过去一个长久以来无法解决的问题，如何让用户重复授权； 打开小程序的设置界面:就是主动调取授权 目前资料极少，但是已经可以让大家先看看了；官方文档地址：https://mp.weixin.qq.com/debug/wxadoc/dev/api/setting.html#opensett
阅读全文
posted @ 2019-11-01 17:18
微信小程序之上传图片和图片预览
摘要：这几天一直负责做微信小程序这一块，也可以说是边做边学习吧，把自己做的微信小程序的一些功能分享出来，与大家探讨一下，相互学习相互进步。 先看下效果图 只写了一下效果样式的话希望大家不要太在意，下面马路杀手要开车了。 1.wxml排版和布局 这个排版非常简单就是一个按钮button加个图片image标签
阅读全文
posted @ 2019-10-30 16:31
微信小程序上传图片(前端+PHP后端)
摘要：一、wxml文件 1 2 3 4 5 6 7 <text>上传图片</text> <view> <button bindtap="uploadimg">点击选择上传图</button> </view> <image src='{{source}}' style='width:600rpx; heig
阅读全文
posted @ 2019-10-30 16:27
微信小程序拒绝授权后重新拉起授权窗口
摘要：问题： 在首次进入小程序时，我们常常会收到一些获取权限的申请，比如「获取地理位置权限」、需要微信登录时请求「获得你的公开信息（昵称、头像等）」。对于这些权限申请，开发者当然希望获得所有权限，而用户拒绝授权的情况不免存在。那么作为开发人员在考虑「用户拒绝授权」这类异常情况出现时，应该提前做好未获得授权
阅读全文
posted @ 2019-10-29 23:14
小程序开发技术总结（wepy）
摘要：创建wepy项目 全局安装或更新WePY命令行工具：npm install wepy-cli -g 在开发目录中生成Demo开发项目：wepy new myproject ， 1.7.0之后的版本使用 wepy init standard myproject 初始化项目，使用 wepy list 查
阅读全文
posted @ 2019-09-25 11:33
转载：wepy框架入门
摘要：转载：https://www.jianshu.com/p/93d5a4b99777 安装 wepy 命令行工具。 在开发目录生成开发DEMO。 开发实时编译。 项目目录结构 使用微信开发者工具新建项目，本地开发选择dist目录。微信开发者工具 --> 项目 --> 关闭ES6转ES5。本地项目根目录
阅读全文
posted @ 2019-09-24 11:35
WePy框架的使用
摘要：基本示例 WePy的基本配置 WePy根据npm命令来安装： npm install wepy-cli -g 在指定的目录创建项目 wepy new myproject 切换到指定项目 cd myproject 开启实时编译 wepy build --watch WePy根据npm命令来安装：
阅读全文
posted @ 2019-09-24 11:13
小程序组件化开发框架---wepy 项目创建
摘要：wepy是一个优秀的微信小程序组件化框架，突破了小程序的限制，支持了npm包加载以及组件化方案。这里就以我个人的经历讲下怎么创建wepy项目。 1.首先 在桌面（自己选定目录下）新建一个文件夹，注意需要使用英文名。 2.Cmd中 进入到该文件目录下 3.安装 wepy 命令行工具。 cmd中输入：
阅读全文
posted @ 2019-09-24 11:07