微信小程序中遇到的坑

1. 地图优先级高

小程序中原生组件层级高(map、video、canvas、camera、live-player、live-pusher),所以浮动于原生组件上方的元素需要用特殊标签<cover-view></cover-view>

关于cover-view(2018-09.10更新)

1.1 需要注意的是:<cover-view></cover-view>中,只支持嵌套<cover-view></cover-view><cover-image></cover-image>
1.2 <cover-view></cover-view>层级问题。
<cover-view></cover-view>使用定位后,z-index在编辑器中识别正常,但是在真机中z-index无效。所以在布局中,写在后边的优先级高。
更要注意的是:如果使用wx:ifhideed会打乱后写优先级这个规则。
使用wx:if='{{a}}',hidden='{{a}}'的时候,如果改变a的值实现显示隐藏的切换,使用wx:if的比hidden的优先级高,即使hidden在wx:if的后边

2. 地图中虚线真机中不显示

电脑端测试polyline的dottedLine属性为true,两点之间连线为虚线正常显示,真机测试中显示为实线,目前解决方案是更改线的颜色来做区分。

2018.09.10更新 在真机中虚线是会显示的,不过虚线中白线部分短,并且间隔长,看起来就像实现一样……

3. 小程序省市选择器对应省市区信息和现有系统不完全一致

手动封装省市区选择器插件,省市区信息从当前系统后台获取,从而保证信息一致性。

4. 底部组件tabBar图片

小程序提供底部导航组件,只需要在app.json中配置tabBar相关属性即可。
但是组件中icon图片大小不可控,所以需要UI依据小程序官方Demo中提供的tabBar图片切图,保证留白和内容大小一致,即可正常显示。

5. 页面数据传递方式

  1. 正常使用wx.navigateTo跳转可以使用挂参的形式传递数据,然后在目标页面的onLoad中设置参数接收。
  2. 如果使用wx.backTo跳转,没有挂参的写法,且使用该方法跳转,由于上一页面生命周期没有重置,onLoa方法并不会被调用。这时可使用stronge或者globalData中的数据,然后在onShow中做数据更新。
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值