随笔分类 -  微信小程序

微信小程序自动识别收货地址
摘要：为提升用户体验，在用户新增收货地址时，加入自动识别收货地址功能。 .wxml <view class="top"> <input type="text" placeholder="复制收货信息(格式：姓名→电话→地址)" value="{{distinguish}}" bindinput="dist 阅读全文
posted @ 2024-07-08 08:54 土小狗 阅读(511) 评论(0) 推荐(0)
微信小程序 innerAudioContext.onTimeUpdate不触发
摘要：【也不知道为什么，发出来的代码就被折叠了，大家复制出来放到代码编辑器里看吧。】 最近在开发一个小功能，需要播放音频，音频需要循环播放，代码如下： onReady() { const audio = wx.createInnerAudioContext() audio.src = 'http://do 阅读全文
posted @ 2023-12-20 17:16 土小狗 阅读(567) 评论(0) 推荐(0)
微信小程序中子父组件相互传值
摘要：父传子: 父组件向子组件传递数据可以通过在子组件标签上绑定属性进行 1.在父组件的wxml文件中使用子组件，并为其绑定一个自定义属性,其中custom-data是自定义的属性名，dataFromParent是父组件中的数据 <!--父组件wxml--> <child-component custom 阅读全文
posted @ 2023-10-31 11:59 土小狗 阅读(600) 评论(0) 推荐(0)
vant DropdownMenu 下拉菜单组件穿透问题
摘要：问题描述：在微信小程序中使用Vant组件库提供的DropdownMenu 下拉菜单组件时，当内容超过一定高度时，随着页面内容部分的滚动，顶部会出现部分间隙，继续划动会导致底层页面的滚动，这就是滚动穿透。 解决方案（禁止滚动穿透）DropdownMenu下拉菜单组件内部结合了Popup弹出层组件。目前 阅读全文
posted @ 2023-10-30 15:26 土小狗 阅读(834) 评论(0) 推荐(0)
微信小程序全局变量（globalData）和缓存（StorageSync）的区别和用法
摘要：globalData和storage的区别一、app.globalData 是全局变量，下次进入的时候，就要重新获取，一般用于： 1、保存一些可能涉及安全类的数据，例如资源类，每次需要很准确的，就建议用全局变量。 2、全局变量每次关闭小程序重新打开的时候，都会进行初始化更新。 二、缓存（Storag 阅读全文
posted @ 2023-09-22 15:33 土小狗 阅读(1808) 评论(0) 推荐(0)
微信小程序打开pdf
摘要：wxml <block wx:for="{{list}}" wx:key="id" wx:for-item="item" wx:for-index="index"> <view class="list_item" bindtap="downLoadPDF" data-url="{{item.file 阅读全文
posted @ 2023-09-19 11:21 土小狗 阅读(238) 评论(0) 推荐(0)
微信小程序自定义头部导航栏
摘要：微信小程序自定义头部导航栏 虽然小程序自带的顶部导航栏比较好用，但是扩展性比较差。在实际开发中我们经常需要针对导航栏进行一些功能性操作。比如点击返回按钮返回到固定的页面，设置其他背景颜色字体颜色以及增加一些按钮等等。下面我们一起来看看导航栏的定制； 先看下demo的效果： 最终要实现的效果： 在ta 阅读全文
posted @ 2023-09-04 10:18 土小狗 阅读(795) 评论(0) 推荐(1)
关于小程序点击按钮在两张图切换时闪屏问题
摘要：最近做的项目中,有一个页面是 需要你点击按钮切换不同的图片，但是在做的过程中切换有闪屏的问题。 就是说,未点击时是第一张图片,点击之后先是第二张,然后立马复原成第一张,其实思路很简单,就是通过js显示隐藏图片而已,我一开始用的方法是wx:if和wx:else,代码如图 可以实现效果,但是每次推举的过 阅读全文
posted @ 2023-05-20 17:15 土小狗 阅读(511) 评论(0) 推荐(0)
微信小程序日期时间选择器（年月日时分秒）
摘要：笔者这几天也被这个给烦到了，要有一个选择年月日时分秒的选择器，一开始采用的是vant UI的时间选择器，功能是实现了，但是会出现安卓机卡顿的情况，改来改去都不行最终选择放弃。发现小程序自带的时间选择器效果很好，但是只能精确到年月日，所以现在在原来基础上加工一下，我试了下效果还不错。 <picker 阅读全文
posted @ 2023-03-15 22:56 土小狗 阅读(1890) 评论(0) 推荐(0)
微信小程序弹出框 页面依然可以滑动的解决
摘要：在弹出框的最外层view中加入catchtouchmove=”preventTouchMove” js 中写一个空白函数 preventTouchMove:function(e) { }, 阅读全文
posted @ 2023-03-12 23:47 土小狗 阅读(323) 评论(0) 推荐(0)
小程序里使用van-tab底部条位置错乱？
摘要：van-tab初始化，底部条位置错乱？ 原因是tabs组件在挂载时，会获取自身的宽度，并计算出底部条的位置。如果组件一开始处于隐藏状态，则获取到的宽度永远为 0，因此无法展示底部条位置。 我这里是在小程序里在van-popup里使用的van-tab vant给出的方案解决方法 方法一，使用 wx:i 阅读全文
posted @ 2023-03-08 11:43 土小狗 阅读(644) 评论(0) 推荐(0)
微信小程序 父组件调用子组件事件和传递参数
摘要：一、使用场景 当每个页面都调用统一的组件时，传递的参数和方法都不尽相同，我们应该怎么样子传递给我们的子组件，让子组件获取相应的值或方法进行计算执行。 二、实现方式 1、父组件调用子组件的方法 父.wxml： <count-down id="countDown"></count-down> //子组件 阅读全文
posted @ 2022-11-28 00:11 土小狗 阅读(569) 评论(0) 推荐(0)
微信小程序 —— 保留两位小数
摘要：两种方法一：在 utils 文件夹中新建一个 filters.wxs 文件将下面代码写入 var filters = { toFix: function (value) { return value.toFixed(2) // 此处2为保留两位小数，保留几位小数，这里写几 } } module.ex 阅读全文
posted @ 2022-10-13 23:14 土小狗 阅读(1583) 评论(0) 推荐(0)
微信小程序之获取input框输入值
摘要：第一种：bindsubmit方法 注意*：1.使用form里面定义bindsubmit事件2.bindsubmit事件需要配合button里面定义的formType="submit" 操作3.设置input的name值来获取对应的数据 wxml代码如下： <form bindsubmit="form 阅读全文
posted @ 2022-10-11 11:39 土小狗 阅读(4997) 评论(0) 推荐(0)
小程序中的api接口请求封装
摘要：第一步：在小程序的目录下新建一个 api 的文件夹，如下图： 第二步：在 api 文件夹中新建一个 http.js 文件，用于存放公共的服务器地址，内容如下： let baseUrl = 'http://127.0.0.1'; export { baseUrl } 第三步：在 api 文件夹中新建一 阅读全文
posted @ 2022-09-13 10:36 土小狗 阅读(483) 评论(0) 推荐(0)