随笔分类 - 微信小程序
微信开发相关的一些内容
摘要：1、问题：一个自适应高度的view里面放一个固定高度的image会使view被撑大6px 2、原因：image的display默认是list-item，所以view的会被list-item样式撑大6px 3、解决：设置image的display为block就行了
阅读全文
摘要：1、需求：接手一个别人做的小程序，需要加上换肤的功能，看了网上几款换肤实现的思路，很麻烦了，工作量又大，于是自己想出这个比较好的解决方案 2、思路：利用css的属性选择器来设置不同的自定义变量，利用globalData和Behavior去实时获取主题并设置页面属性，然后在页面使用已经定义好的自定义变
阅读全文
摘要：1、问题：在微信小程序的双向绑定不能绑定对象，只能绑定单个的变量，对象的话需要通过setData来设置变量，当表单的input多的时候就很麻烦 2、解决： html <input placeholder-class="pla_text" placeholder='请填写区域名称' class="ce
阅读全文
摘要：1、问题：如下图所示，小程序苹果端有一段间距，如果设置页面高度为100vh，就会重合 2、解决：可以用到env(safe-area-inset-bottom)这个变量（注意：该变量是IOS 系统内核提供的，在IOS上正常使用；而安卓和开发工具上用的是 Chromium 内核，没有这个变量，所以不支持
阅读全文
摘要：1、问题：之前小程序写某个页面的时候，总是要点好几次跳转进当前页面，现在发现可以设置编译模式，并配置跳转该页面的参数，并且可以设置跳转场景配置公众号等功能 2、解决： 点击添加编译模式 填写跳转页面参数等 选择该编译模式就可以愉快的写当前页面了
阅读全文
摘要：1、需求：要求点击列表某条信息然后把该条信息的某个参数分享出去 2、思路：为了方便直接把button当做view，去掉button的样式，绑定data-item，直接触发onShareAppMessage就可以获取参数跳页面 3、实现： wxml <button open-type="share"
阅读全文
摘要：1、需求：用户在邀请页面获取一定参数向好友分享，好友点击后跳转申请页面 2、思路：利用小程序自带button组件的open-type="share"，触发在js里面的onShareAppMessage方法去设置跳转的页面 3、实现： wxml <button open-type="share" cl
阅读全文
摘要：1、需求：项目需求是获取一个通行码get链接，需要转化成二维码，用户扫码之后发起请求进行远程开门。 2、思路：在微信小程序中生成二维码比较好用的是weapp-qrcode，去到官网https://github.com/yingye/weapp-qrcode，复制dist 目录下，weapp.qrco
阅读全文
摘要：1、小程序的架构 微信小程序的架构分为 app-service 和 page-frame，分别运行于不同的线程。 你在开发时写的所有 JS 都是运行在 app-service 线程里的，而每个页面各自的 WXML/WXSS 则运行在 page-frame 中。 app-service 与 page-
阅读全文
摘要：1、在页面HTML中给组件设置id <dropDown id="dropDown" /> 2、在页面js里通过selectComponent获取组件的dom const dropDown = this.selectComponent('#dropDown') 3、使用组件里js的方法 dropDow
阅读全文
摘要：1、需求：要求点击列表右侧弹出一个操作弹框，不同行展示的位置不同 2、思路：设置弹窗position: fixed;，点击的时候获取点击元素的dom信息来设置弹窗的位置 3、实现： 3-1、给点击的元素设置id，并设置data-id用于点击的时候获取id <view class="dot_box">
阅读全文
摘要：1、问题：微信组件多个slot的时候要设置才能用name，之前踩过一次坑，结果又忘了，就记一下 2、解决：微信组件单个slot是可以直接使用，多个slot的时候要在js文件里面设置multipleSlots，就是加入下面一段代码才能正常使用slot的name区分 options: { multipl
阅读全文
摘要：1、简介：最近需求要实现一个点击拍摄身份证上传的功能，思路就是在表单页面点击，跳转到拍摄页面，拍摄页面要展示身份证框，提交后要把数据返回表单页. 2、拍摄页面要展示身份证框，就是在camers之上放张图片。 <camera class="camera" wx:if="{{!show}}" devic
阅读全文
摘要：事件的类别分为几种： 点击事件：tap 长按事件：longtap 触摸事件：touchstart； touchend；touchcancel；touchmove 其他：input；submit.... 其中前三类是冒泡事件，其他的称为非冒泡事件 其中点击事件用法是bindtap=“” 想要不冒泡的话
阅读全文
摘要：思路 利用微信的scroll-view来做成滑动效果 滑动到底部触发方法令pageNum增加去请求新数据，然后拼接到数据列表 实现 为了方便其他页面也用到就弄成组件，以下是dropDown.wxml <scroll-view class="dropDown" scroll-y style="widt
阅读全文
摘要：首先通过wx.getNFCAdapter()来获取nfc实例 然后调用startDiscovery获取当前手机nfc状态 已经打开了nfc的就可以调用监听方法onDiscovered 监听到数据后setData把数据展示出来就ok了，方法如下 打开nfc 1 nfc() { 2 const nfc
阅读全文
摘要：微信小程序中app.js的变量方法是可以通过getApp()暴露在其他页面的 通过getApp()我们可以封装ajax，这样就不用一个页面一个页面的去写request了 也不用一遍又一遍的去写重复的请求url头部 1 // app.ts 2 let _app: any 3 App<IAppOptio
阅读全文
