
微信小程序
xie_lion
来年花红,携猫与共
展开
-
小程序setData修改数组和对象
小程序setData修改数组和对象原创 2022-07-23 14:01:57 · 4751 阅读 · 0 评论 -
小程序返回上一页并赋值
小程序返回上一页并赋值原创 2022-06-29 16:49:28 · 316 阅读 · 0 评论 -
重新封装vant小程序导航栏
vant自带的导航栏左侧箭头需要自己添加方法,但是在实际开发很多页面需要返回上一页,每次都要重写返回方法很麻烦,封装成一个单独组件会方便很多,样式也可以自己直接调节。原创 2022-06-13 12:12:32 · 896 阅读 · 0 评论 -
js 获取本月/本周第一天和最后一天,封装并在小程序引用
获取本月/本周第一天和最后一天,封装并在小程序引用原创 2022-06-08 11:26:54 · 1781 阅读 · 0 评论 -
小程序van-stepper在输入0删除本条数据,渲染后下一条数据变为0的bug
项目场景:通过wx:for渲染一组数据,通过计步器减少到0,或者直接输入0,等于删除本条数据。问题描述检测到计步器的value为0时,通过splice()方法删除本条数据后,下一条数据的计步器也变成0,重新赋值也无效。 原因分析及解决思路1. 考虑到异步变的问题,设置async-change属性后,通过减少按钮变成0之后删除的数据能正确渲染,但是通过输入0的方式还是有问题。2. 经过测试,如果删除的数据计数和下一条的数据计数一样,那么删除该条数据后,下一条数据的val.原创 2022-05-30 12:00:16 · 1625 阅读 · 2 评论 -
微信小程序用户昵称包含表情图片的解决方案
好好的用文字不好嘛,弄什么表情啊=====但是问题还是要解决,走过的坑,分享一下解决方案,个人认为这个是全网最简单的。之前的做法是直接传递给后端,后端再返回来的时候,表情就会变成?!这种乱码。①直接粗暴去掉表情,但是这样会导致一个问题,有些用户的昵称只有表情,全给干没了,昵称就是空了、、空了、、 //获取到的用户昵称 let wechatName = res.userInfo.nickName //检测是否含有表情 var regRule =原创 2022-05-06 15:40:56 · 1415 阅读 · 0 评论 -
用户拒绝授权定位信息的
在使用wx.getLocation请求位置时,一旦用户明确同意或拒绝过授权,其授权关系会记录在后台,直到用户主动删除小程序,如果用授权后,可以通过调用wx.openSetting,打开设置页。<view class="img-box"> <image wx:if="{{QrCode}}" src="{{QrCode}}" bindtap="getRefresh" style="width: 100%;height: 100%;"></image>原创 2022-03-26 16:16:52 · 490 阅读 · 0 评论 -
DropdownMenu 下拉菜单的使用
官方例子 :Vant Weapp - 轻量、可靠的小程序 UI 组件库官方的代码演示不够详细,这里记录一下,效果图注意事件是写在<van-dropdown-item> 里,如:bind:opened="onOpenDropdown"wxml:<view class=" custom-flex-row-start van-hairline--bottom"> <text>仓库:</text> <van-dropdo..原创 2021-09-23 18:28:10 · 4965 阅读 · 0 评论 -
vant Toast 轻提示报错
在小程序使用版本是1.8.3,按官方教程引入报错 xx is not defind,路径不对仔细对比之后,发现我这里路径里没有dist文件夹,改为本地路径就行了原创 2021-09-23 17:43:44 · 393 阅读 · 0 评论 -
vant 组件Popup和DatetimePicker 在小程序的结合使用
如图,开始时间和结束时间复用一个时间组件,在每次点击选择时间时,应默认选中上次选择的时间,所以开始时间和结束时间应区分开来。因为设计图的时间格式yyyy-mm-dd,获取的时间格式是 yyy/mm/dd,注意时间的转换处理,<van-datetime-picker>中value格式为毫秒,否则会报错在app.json或index.json中引入组件"usingComponents": { "van-datetime-picker": "@vant/weapp/dateti...原创 2021-09-19 18:10:10 · 2427 阅读 · 0 评论 -
小程序获取页面某元素高度及兼容不同手机高度自适应
如图,页面分三部分,顶部轮播、中间内容区、底部tabBar,底部固定,中间区高度用wx.createSelectorQuery()获取,轮播的高度自适应,使在不同的手机上完全铺满无滚动。底部tabBar的高度固定(自定义)是63,但是有部分手机底下有空白区域,如上图对比,多出的这一部分也算作底部tabBar的高度了,打印wx.getSystemInfoSync(),可看到screenHeight 和safeArea.bottom 的差值就是额外的高度。...原创 2021-09-18 13:55:28 · 1279 阅读 · 2 评论 -
微新小程序封装wx.request (使用回调函数)
很多请求,雷同的代码很多,做了一下封装,不使用promise,该用回调函数app.js// app.jsApp( globalData: { userInfo: null, baseUrl: "https://xxxxxx" //设置baseUrl }, //封装请求 wxRequest(method, url, data, callback, errFun) { wx.request({ url: this.globalData.baseU原创 2021-09-10 10:36:31 · 691 阅读 · 0 评论 -
vant dialog添加自定义输入框
刚写完ui就改变了页面布局,那就放这儿。wxml: <!-- 新增标签弹窗 --> <van-dialog use-slot title="请输入标签名" show="{{ show }}" show-cancel-button confirm-button-color="#4859E5" bind:close="onClose" bind:confirm="addLabel"> <van-cell-group> &.原创 2021-09-10 10:08:15 · 3818 阅读 · 0 评论