随笔分类 -  微信小程序

微信小程序 自定义 Tab custom-tab-bar 点击刷新，回到首页
摘要：前言： 微信项目中需要做个二维码的功能，显示的时候要突出出来，So, 只能自定义了，先看一下我们要做成这个样子，看到这个阴影是不是有点恐慌，不要怕，很简单 一、修改 app.json 文件，将 tabBar修改为自定义tab，list 保持不变，最多5个 "tabBar": { "selectedC 阅读全文
posted @ 2020-09-01 12:03 小短腿奔跑吧 阅读(3183) 评论(0) 推荐(0) 编辑
微信小程序--AES加密解密 ----ECS,Pkcs7,Hex,Utf8
摘要：1. 需求 AES加密解密：模式ECB，填充Pkcs7，输出Hex，字符集Utf8 如需输出Base64，请查看AES.Utils.js 代码中有隐藏部分 2. 新增AES.js var t = t || function (t, e) { var r = {}, i = r.lib = {}, n 阅读全文
posted @ 2020-07-15 11:32 小短腿奔跑吧 阅读(591) 评论(0) 推荐(0) 编辑
微信小程序 transform 实现 惯性滚动，回弹效果 【下拉回弹】
摘要：1. 新建Scroll文件 2. 在Scroll/index.wxml文件中写入如下代码 <view class="Scroll-container"> <view class="content-all" bindtouchstart="scrollTouchstart" bindtouchmove 阅读全文
posted @ 2020-07-13 11:20 小短腿奔跑吧 阅读(4714) 评论(0) 推荐(0) 编辑
微信小程序 刷新当前页面
摘要：刷新当前页面共有两点 1. 在同js文件刷新 this.onShow() OR this.onLoad() 2. 在不同js文件刷新 (写公共方法中会遇到) // 获取所有路由const pages = getCurrentPages()// 获得最新路由 const perpage = pages 阅读全文
posted @ 2020-06-28 10:13 小短腿奔跑吧 阅读(1813) 评论(0) 推荐(0) 编辑
微信小程序 隐藏导航栏
摘要：1. 全局隐藏导航栏 pages/app.json { "pages": [ "pages/Home/index", ], "window": { "navigationStyle": "custom" // 自定义导航栏 }, "tabBar": { "color": "#a9b7b7", "se 阅读全文
posted @ 2020-06-11 10:42 小短腿奔跑吧 阅读(4035) 评论(0) 推荐(0) 编辑
微信小程序 父子组件 通信 ---监听数据
摘要：父子组件通信 目前共有2种 1. 模板创建 template (用于展示) components/tips/index.wxml<template name="tabBar"> 子组件 <view class="container">{{tabBar}}</view> </template> pag 阅读全文
posted @ 2020-06-08 16:16 小短腿奔跑吧 阅读(2811) 评论(0) 推荐(0) 编辑
微信小程序 自定义三列城市弹窗
摘要：1.WXML 2.JS 阅读全文
posted @ 2018-11-15 16:58 小短腿奔跑吧 阅读(693) 评论(0) 推荐(0) 编辑
微信小程序 密码键盘 - 密码页面组件 (原生小程序代码)
摘要：1.WXML页面 2.WXSS 3.JS 阅读全文
posted @ 2018-11-15 14:53 小短腿奔跑吧 阅读(3457) 评论(0) 推荐(0) 编辑
微信小程序页面内转发 按钮 转发
摘要：通过给 button 组件设置属性 open-type="share"，可以在用户点击按钮后触发 Page.onShareAppMessage() 事件，如果当前页面没有定义此事件，则点击后无效果。相关组件：button 微信小程序 单击按钮转发，一定要设置open-type。否则无效 阅读全文
posted @ 2018-01-19 15:36 小短腿奔跑吧 阅读(1515) 评论(0) 推荐(1) 编辑
微信小程序 使用环信聊天工具
摘要：当时做微信小程序环信的时候，没有遇到太多的问题，因为找到了一个例子，有兴趣的朋友可以把这个包下载下来看一下，写的超级的号，使用起来也特别简单，appkey需要自己配置，从环信官网https://console.easemob.com/申请一个账号会得到一个appkey，放在这里就好了 链接: htt 阅读全文
posted @ 2018-01-17 15:04 小短腿奔跑吧 阅读(2707) 评论(1) 推荐(0) 编辑
微信小程序双击事件的绑定
摘要： 阅读全文
posted @ 2018-01-17 14:35 小短腿奔跑吧 阅读(308) 评论(0) 推荐(0) 编辑
微信小程序清除缓存 - > wx.clearStorage()
摘要：wx.clearStorage() 阅读全文
posted @ 2018-01-17 14:23 小短腿奔跑吧 阅读(8303) 评论(0) 推荐(0) 编辑
微信小程序分享
摘要：点击链接查看详情：(转发的路径的必须写正确) https://mp.weixin.qq.com/debug/wxadoc/dev/api/share.html 阅读全文
posted @ 2018-01-17 14:21 小短腿奔跑吧 阅读(136) 评论(0) 推荐(0) 编辑
微信小程序发起微信支付
摘要：点击链接查看详情：(支付中配置参数需要从后台得到->签名需要从微信申请才可以得到) https://mp.weixin.qq.com/debug/wxadoc/dev/api/api-pay.html#wxrequestpaymentobject 阅读全文
posted @ 2018-01-17 14:14 小短腿奔跑吧 阅读(179) 评论(0) 推荐(0) 编辑
微信小程序select不能使用，如何实现同样的效果
摘要：如果想实现同样的效果，只能使用小程序组件picker，其中，可以有一列，或者多列 点击链接查看详情： https://mp.weixin.qq.com/debug/wxadoc/dev/component/picker.html 阅读全文
posted @ 2018-01-17 14:10 小短腿奔跑吧 阅读(5087) 评论(0) 推荐(0) 编辑
微信小程序选择视频，视频上传，视频播放
摘要：请查看链接地址看具体详情： 选择视频: https://mp.weixin.qq.com/debug/wxadoc/dev/api/media-video.html#wxchoosevideoobject 视频上传时和图片上传是一个道理需要使用小程序的上传模版：(将选择视频的链接传给后台，后台将链接 阅读全文
posted @ 2018-01-17 14:06 小短腿奔跑吧 阅读(2125) 评论(0) 推荐(0) 编辑
微信小程序选择图片，查看图片信息，浏览图片，图片上传
摘要：依次点击链接请查看以下步骤 选择图片： https://mp.weixin.qq.com/debug/wxadoc/dev/api/media-picture.html#wxchooseimageobject 查看图片信息： https://mp.weixin.qq.com/debug/wxadoc 阅读全文
posted @ 2018-01-17 13:58 小短腿奔跑吧 阅读(1116) 评论(0) 推荐(0) 编辑
微信小程序获取腾讯经纬度，得到具体地址
摘要：getCityNameOFLocation: function() { var that = this; wx.getLocation({ type: 'wgs84', // 默认为 wgs84 返回 gps 坐标，gcj02 返回可用于 wx.openLocation 的坐标 success: function(res){ console... 阅读全文
posted @ 2017-12-27 11:40 小短腿奔跑吧 阅读(827) 评论(0) 推荐(0) 编辑

点击右上角即可分享
微信分享提示