![](https://img-blog.csdnimg.cn/20201014180756780.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
微信小程序
mini_qiu
这个作者很懒,什么都没留下…
展开
-
没有mac设备怎么在safari打开控制台调试ios移动端
用微信公众平台提供的vconsole如果是原生的html页面,就加上以下代码:<script src="http://wechatfe.github.io/vconsole/lib/vconsole.min.js?v=3.2.0"></script><script> // init vConsole var vConsole = new VConsole(); console.log('Hello world');</s..原创 2020-12-10 10:28:13 · 1205 阅读 · 0 评论 -
uniapp h5中 ios无法触发onCanplay事件
h5页面,我用onCanplay来监听音频是否加载完成,加载完成就给时长赋值,同时去掉播放按钮的旋转加载动画,发现ios端根本就没有打印this.audio.onCanplay(()=>{ console.log('加载完毕',this.audio) this.duration = this.audio.duration this.loading = false;})...原创 2020-12-10 10:13:20 · 1291 阅读 · 1 评论 -
微信小程序中wx:for怎么嵌套两层循环
<view wx:for="{{orderList}}" wx:key="item"> <view wx:for="{{item.order_info}}" wx:key="idx" wx:for-item="pro"> </view></view>只需要在内层循环中设置一个wx:for-item 属性即可原创 2020-05-11 20:09:57 · 10424 阅读 · 1 评论 -
微信小程序三种获取用户信息的方式
一、通过<open-data>组件:<open-data type="userAvatarUrl"></open-data><open-data type="userNickName"></open-data><open-data type="userCountry"></open-data><o...原创 2020-04-15 11:53:07 · 3110 阅读 · 0 评论 -
微信小程序弹窗会出现遮罩层滚动穿透的问题
1.如果弹出层没有滚动事件,就直接在蒙板上加catchtouchmove="move" move:function(){};2.如果弹出层有滚动事件,那么在弹出层出现的时候给底部的containerView加上一个样式。<view class="{{showSearchView?'tripList_root':''}}">.tripList_root{ ...原创 2019-10-12 10:30:25 · 1665 阅读 · 0 评论 -
微信小程序z-index在ios系统中失效
z-index并不是 通过数值的大小来判断是否在上一层;只有在两者处于同级的情况下,z-index大的就会在另一块的上级。在微信小程序开发中的ios系统出现了这个bug,android手机都没有出现,所以将两者改为同级,需要在上一层层级的元素的定位为absolute(有时候也不一定要改成absolute,但是一定要处于同层级)...原创 2019-09-27 09:49:23 · 3115 阅读 · 0 评论 -
微信小程序怎么在一个wx:for循环中遍历两个长度相同内容不同数组?
方法一:将两个数组合并成一个,当然这样就没有意义了方法二:用wx:for自带的index来遍历数组2wx:for遍历数组的时候是用{{list1}},值是{{item}},另外一个数组直接用遍历的index取,比如{{list2[index].name}}等等结果是:...原创 2019-09-26 17:23:44 · 4944 阅读 · 4 评论 -
微信小程序怎么阻止navigator向父级元素冒泡?
父元素是bindtap,navigator加个catchtap="emptyFunc"emptyFunc: function(){}emptyFunc是一个空方法,可以阻止navigator向上冒泡。其实原理就是把navigator当成普通的元素,然后加上catchtap之后就会阻止冒泡,但是里面一定要有一个方法,空的也行,不加的话就不会生效...原创 2019-09-26 17:18:11 · 1457 阅读 · 0 评论 -
在JSON.stringify()(将对象等类型转换成json数据的方法)上爬过的坑
JSON.stringify()在处理字符串的时候,会自动在字符串上再加一个双引号,这样如果你在另外一个界面获取时,得到的会是""x"",而不是"x",特别是图片的网络地址这种时,图片一直报错,加载不出来,找这个错误心累。...原创 2019-09-25 09:17:54 · 865 阅读 · 1 评论 -
微信小程序scroll-view卡死 划不动
一定要给scroll-view设高度,同时他的内容物的高度一定要设的比scroll-view高度高,不然就会出现卡死的情况如果出现断断续续卡顿的情况,可以尝试删除window配置的这个属性:// "enablePullDownRefresh":"true",...原创 2019-09-20 17:49:39 · 3645 阅读 · 0 评论 -
使用nth-of-type来实现的小程序列表布局小技巧
要实现这种布局该怎么做,这个水果列表是从后台api得到的通过wx:for循环出来的如果不处理,会是这个效果:要实现就需要将左边的一列向上移,那么怎么才能只操作到左边列呢?这里我们可以用.list-item:nth-of-type(2n){position: relative;top: -155rpx;}通过伪类选择器选择,然后设为相对布局,相对自己向上移...原创 2019-09-19 17:13:21 · 384 阅读 · 0 评论 -
微信小程序上拉数据加载(懒加载):onReachBottom详解
参考https://segmentfault.com/a/1190000017028080说的非常详细,包括代码演示也很清楚。转载 2019-09-16 14:52:25 · 3348 阅读 · 0 评论 -
微信小程序设置图片的border-radius时失效怎么办
对image的父元素使用border-radius,并添加overflow:hidden属性原创 2019-09-16 14:16:03 · 6009 阅读 · 0 评论