
小程序
树洞菇凉
这个作者很懒,什么都没留下…
展开
-
微信小程序 获取二维码URL中带的参数
onLoad: function (options) { console.log(options); let qrUrl = options.path; if (qrUrl ) { // 二维码进入的情况 qrUrl = decodeURIComponent(qrUrl ); // 获取二维码中带的地址及参数 // 解析二维码中地址中的参数 name为二维码中地址带的参数名 如index/index?name=xxx&uid=xxx var name=this.get原创 2021-04-15 09:55:33 · 2422 阅读 · 0 评论 -
H5跳转微信小程序,以及遇到的bug
相关文档在这边:https://developers.weixin.qq.com/doc/offiaccount/OA_Web_Apps/Wechat_Open_Tag.html用的是JS-SDK的接口,需要使用到js-sdk-1.6.0的版本才有支持,https://res.wx.qq.com/open/js/jweixin-1.6.0.jswx.config({ debug: true, // 开启调试模式,调用的所有api的返回值会在客户端alert出来,若要查看传入的参数,可以在p原创 2021-04-10 15:07:25 · 1804 阅读 · 0 评论 -
微信小程序 报错errcode: 40029, errmsg: “invalid code
1):前端小程序和后端 接口用的AppID(小程序ID)和AppSecret(小程序密钥)不一致。2):重复请求,请求两次导致code失效(code只能使用一次)3):获取用户信息,发送encryptedData,errMsg,iv,code几个值给后端测试,后端通过code获取openid和session_key...原创 2021-04-08 16:20:40 · 19805 阅读 · 0 评论 -
微信小程序 bindtap与catchtap的事件使用和区别
1、什么是事件 (1)事件是视图层到逻辑层的通讯方式。 (2)事件可以将用户的行为反馈到逻辑层进行处理。 (3)事件可以绑定在组件上,当达到触发事件,就会执行逻辑层中对应的事件处理函数。 (4)事件对象可以携带额外信息,如 id,dataset,touches2、如何使用事件 (1)简单来说就是将事件绑定到组件上面,bindtap和catchtap都属于点击事件,绑定了之后点击组件可以触发这个函数。 (2)函数tapName会接受一个参数e...原创 2020-05-27 19:42:35 · 3772 阅读 · 0 评论 -
navigateToMiniProgram 的使用
navigateToMiniProgram 开发环境的7月20号正式弃用了,代替方法提示用的是标签,代码如下<navigator target = "miniProgram" app-id="wx18a2ac992306a5a4" path="pages/apps/largess/detail?accountId=2849563" open-type='navigate'> <...原创 2020-04-16 19:49:01 · 13583 阅读 · 0 评论 -
微信小程序canvas元素 父组件滚动
1、首先现根据官网的tips,看看自己是不是把canvas写在这个组件里2、看看自己是不是在 config里设置了config = {“disableScroll”:true},如果设置了就去掉。3、看看是不是给最外层标签page定义了height:100%的属性或者overflow相关的属性,如果是的话去掉。4、如果上面的方法都用过了还没有解决,那么检查你的canvas的所有父级元素是否...原创 2019-11-28 15:44:26 · 1367 阅读 · 0 评论 -
小程序 返回顶部示例
1:wxml<!-- 返回顶部 --> <image src='/img/backTop.png' class='goTop' hidden='{{!floorstatus}}' bindtap="goTop"></image>2:wxss/* 返回顶部 */.goTop{ height: 80rpx; width: 80rpx; p...原创 2019-10-10 11:12:00 · 268 阅读 · 0 评论 -
微信小程序解析富文本的方法
1.可以使用wxParse插件解析html2.下载后复制到自己的小程序项目中3.设置全局样式@import "./wxParse/wxParse.wxss";4.在需要调用插件的页面中引入jsimport { shopModel, couponModel } from '../../apis/index.js';var WxParse = require('../../wxPars...原创 2019-09-23 15:55:02 · 806 阅读 · 0 评论 -
微信小程序搜索框组件之SearchBar
index.wxml<!-- 组件模板 --><view class="wrapper"> <slot></slot> <view class='tit_seabox'> <view class="tit_seabox_bar {{addflag?'tit_seabox_add':''}} {{se...原创 2019-08-19 13:47:57 · 9078 阅读 · 3 评论 -
微信小程序 tab选项卡
效果图:.wxml<view class="swiper-tab"> <view class="swiper-tab-item {{currentTab==0?'active':''}}" data-current="0" bindtap="clickTab">车牌校验</view> <view class="swiper-tab-i...原创 2019-08-08 18:09:47 · 763 阅读 · 0 评论 -
小程序中使用rpx单位,布局适配方案(rpx、px、vw、vh)
1:小程序中使用rpx单位rpx单位是微信小程序中css的尺寸单位,rpx可以根据屏幕宽度进行自适应。规定屏幕宽为750rpx。如在 iPhone6 上,屏幕宽度为375px,共有750个物理像素,则750rpx = 375px = 750物理像素,1rpx = 0.5px设备 rpx换算px (屏幕宽度/750) px换算rpx (750/屏幕宽度)iPhone5 1rpx =...原创 2018-11-15 10:26:13 · 10848 阅读 · 0 评论 -
微信小程序开发--从px到rpx:
【px】px就是Pixel的缩写,就是指像素。这个作为图片采样的基本单位,没什么需要特别说明的。【rem】在做移动端适配是最常用的方法就是使用rem作为单位,因为rem是根据html的fontsize去动态计算实际的px的。所以常常应用这点,做反向使用。即根据屏幕大小动态的设置fontsize.来达到不同的分辨率下有一样的效果。【rpx】rpx其实是微信对于rem的一种应用的规定,或者说一种...原创 2018-11-15 10:22:10 · 496 阅读 · 0 评论 -
小程序实现跑马灯效果
跑马灯效果比较常见,一般做电商类的小程序都会使用到;跑马灯效果的制作制作方式很简单,先方上代码,后面会对代码详细讲解一、wxml界面的实现 &amp;lt;view class=&quot;example&quot;&amp;gt; &amp;lt;view class=&quot;marquee_box&quot;&amp;gt; &amp原创 2018-11-12 11:49:49 · 1323 阅读 · 0 评论