随笔分类 - 微信小程序
微信开发相关的一些内容
摘要：1、问题：微信引入文件主要是通过require，但是引入的时候只能填相对路径，这样就很麻烦了，如果需要移到其他地方就需要重新修改路径 require('../../../utils/util'); 2、解决：在app.js添加全局方法，在这个方法里面利用app.js当前路径当根路径调用require
阅读全文
摘要：1、问题：小程序中有一个需要调用照相机的授权，然后客户反映第一次申请授权拒绝后，不会再弹出授权窗口导致没法使用服务 2、思路：调用这个服务时先调用wx.getSetting查询用户设置，如果当前需要的服务没有被授权就调用wx.openSetting，让用户去授权，注意：wx.openSetting的
阅读全文
摘要：1、需求：小程序需要过滤权限至按钮级 2、思路：利用wxs来过滤，在wxs写一个过滤方法，接受权限列表，和当前元素的权限名称或是名称数组来过滤 3、实现： function powerControl(arr, data) { if ("String" data.constructor) { if (
阅读全文
摘要：1、需求：scroll-view需要根据需求滚动到指定位置 2、实操： html（需要开启enhanced） <scroll-view id="tab-box" enhanced scroll-x class="c_right_sidebar" wx:if="{{secondary}}"> <vie
阅读全文
摘要：1、问题：运行在ios的小程序打开一个页面，点击输入框，弹出小键盘同时把底部的按钮也顶了上来 2、原因：底部按钮用的是fixed，当小键盘弹起来的时候把页面元素顶了上去，所以按钮也跟着上去了 3、解决：把fixed换成absolute
阅读全文
摘要：1、问题：有个需求需要全部页面都要可以转发，要我一个一个去改，那是不可能的，于是上网找了一下全局配置的方法：https://blog.csdn.net/u012767761/article/details/119204973，发现了一些新知识 2、新知识： 监听路由api：wx.onAppRoute
阅读全文
摘要：1、问题：scroll-view开启下拉后会自动出现下拉loading，但是会持续很久，如何在请求调用后自动隐藏loading呢，就跟wx.stopPullDownRefresh一样 2、解决：refresher-triggered="{{triggered}}"属性，开启下拉后，下拉时会自动设置r
阅读全文
摘要：1、问题、需要为checkbox和radio添加一个切换主题的效果，用的原生的，需要不同主题不同颜色 2、思路：修改微信小程序原生样式 3、解决：（注意：样式不生效要确认是不是在自定义的组件里修改样式，如果是的话是因为组件样式隔离造成的，需要在json里面添加"styleIsolation":"sh
阅读全文
摘要：1、需求：小程序的首页需要添加上拉加载和下拉加载的功能，之前做上拉加载和下拉加载是用的是scroll-view组件，但是感觉首页用scroll-view不是最佳选择，page自带的上拉加载和下拉加载更好用一点，就记录一下 2、解决： 上拉加载： 思路：上拉加载的原理是小程序在页面顶部撑出一块50px
阅读全文
摘要：1、问题、今天测试发现一个选择日期的组件在安卓可以正常使用，但是在ios却出问题了 2、原因： 在Android 中 new Date(“2021-5-10”) 或者 new Date(“2021/5/10”) 都不会报错在iOS中，new Date(“2021/5/10”) 不会报错 而这个组件的
阅读全文
摘要：1、需求：需要在微信的一个组件内改引用的其他组件样式属性，发现不能直接像在page上直接修改，也没有vue的：v-deep、/deep/之类的样式穿透 2、解决：怎么处理这种样式隔离问题呢 微信里面有种属性就是指定特殊的样式隔离选项styleIsolation，官网网址： https://devel
阅读全文
摘要：1、问题：看了官网介绍自定义TabBar的介绍，感觉比较笼统，就详细记录一下 2、实操 在微信中要自定义TabBar的话，app.json那里的声明还是要写的，虽然不会渲染，custom要填true { ... "tabBar": { "custom": true, "color": "#66666
阅读全文
摘要：1、需求：之前在微信用到小图标的时候是base64的形式引入，这样有几个大问题：1、不好修改，修改颜色的时候不好修改，多个主题的时候要弄不同的base64url。2、让wxss文件很大 2、处理：通过引入iconfont字体图标来解决，这样可以方便修改样式也可以减少体积。 3、实操：引入iconfo
阅读全文
摘要：1、问题：在改一个微信小程序，有一个弹窗里面的盒子设置了overflow:auto;属性，高度也设置的是固定的，可以在开发者工具里滚动但是就是无法拖动 2、原因：因为这个弹窗绑定了catchtouchmove方法，在小程序里catchtouchmove相当于preventDefault，是会阻止页面
阅读全文
摘要：1、说明：微信蓝牙传递的数据格式是GBK编码的二进制格式，下面就说一下在小程序中是如何获取蓝牙打印的数据 2、普通文本的打印： 要转义GBK编码的话要用到GBK.js，库的网址：https://github.com/cnwhy/GBK.js import GBK from './gbk.min';
阅读全文
摘要：1、经历：最近在进行微信蓝牙打印功能模块的开发，了解了下蓝牙连接的全流程，好记性不如烂笔头，记录一下 2、感想： 先来说一下蓝牙连接的几个流程吧，虽然官方有且很详细了：https://developers.weixin.qq.com/miniprogram/dev/framework/device/
阅读全文
摘要：1、问题：showToast消息提示一闪而过的问题 原因：hideLoading和hideToast都能清除showToast，全局请求设置了hideLoading每次请求后清除showToast导致消息提示一闪而过 解决：合理的设置hideLoading 2、问题:页面是超过一屏需要滚动的时候，点
阅读全文
摘要：1、原因：尝试并记录小程序的云开发过程。 2、思路：通过云函数的调用实现订单的上传，新增 2-1小程序端封装并调用云函数 2-1-1小程序中封装的云调用方法 //app.js ajax(url, data, config) { const name = url.split('/')[0], type
阅读全文
摘要：1、需求：每个页面都写提示显得杂乱，还有些跳页面延时提示太分散，就想着提取出来 2、思路：在app.js处写一个统一的调用提示方法，全局调用 3、实现 // 提示 showToast(obj = {}) { if (!obj.title) { wx.showToast({ title: 'showT
阅读全文
摘要：1、思路：就是把文件上传服务器并获得返回的存储地址的链接保存，比较简单，直接上代码了，主要就是wx.chooseImage和wx.uploadFile，官网上也有https://developers.weixin.qq.com/miniprogram/dev/api/network/upload/w
阅读全文
