微信小程序> 微信小程序--开发遇到的坑(一)重要

微信小程序--开发遇到的坑(一)重要

浏览量:2723 时间: 来源:星星之火M

最近参与的微信小程序开发中,遇到了一些问题,记录一下。

1.cover-view 不支持阿里巴巴矢量图标。

如果需要使用到图标,可以选择下载为png格式图片,然后使用cover-image引入。

2. map标签里包裹的多个cover-view,进行position定位时,设置z-index无效?

我试了多部手机,就iPhone6手机无效。

3. 对于某些内容,iPhone6手机显示不出来?

我做了底部导航栏公共组件,由其他页面引入,但是发现拿iPhone6手机测试时,显示不出来。

最后在它的样式里发现了问题点。就是我写导航栏样式时,设置了弹性布局display:flex;flex-direction: column;

然后我尝试去掉flex-direction: column;该样式,iPhone6手机就能显示了,额,但是我发现其他页面设置了flex-direction: column;该样式依然能显示,为什么呢?暂无解!!!

--2019/12/03:再次遇到这个问题,问题更具体就是<cover-view>组件设置样式,display:flex;flex-direction: column; iPhone6plus手机显示不出内容。只有把样式flex-direction: column;去掉才行

4. 一直使用wx:navigateTo()跳转到下一个页面,然后发现突然跳转不了,像卡住了。

微信小程序页面栈有10层限制。使用wx.navigateTo()或<navigator open-type="navigateTo"/>组件跳转的页面路径最多只有10层。页面路径大于10层后,再使用就跳转不了了。

具体可看博客:https://blog.csdn.net/qq_41638795/article/details/98731144

5. 使用wx.redirectTo和wx.navigateTo不能跳转到tabBar页面。

可使用wx.switchTab、wx.reLaunch。

6. 微信小程序定位失败。

1. 确定GPS开启
2. 确定给微信小程序授权
3. 确定手机系统开启定位功能
4. 确定网络信号好
5. 尝试删除小程序重新进去、重启手机。
此外,发现部分型号手机,可能需要连接WIFI才可以进行定位。如小米6、小米8、小米9等等。

7. 微信小程序标签层级问题。

做项目时,我们时常遇到标签层级问题,会惯性设置z-index的值,但是在微信小程序中有几个原生组件,如textarea、canvas、map、video,其层级位于webview之上。也就是你给view、text等等非原生组件无论设置多大的z-index值都不行。

可行的解决方式:

1. 使用cover-view,它能覆盖在原生组件之上,但是有限制,cover-view只可嵌套 cover-view、cover-image、button。
2. 可在需要时,进行隐藏掉,对于canvas图可转为图片形式。

8. switch组件设置大小

添加样式:zoom:0.7;即可

<switch style='zoom:0.7;' checked />

注意:开发小程序时,建议拿多部手机去看看页面呈现效果,特别要用iPhone6手机看看,看样式有没有乱了或者其他的,它有毒!

 


暂时就这么多了,有疑问的可以指出,互相学习,后面会继续更新开发中出现的问题。

 

版权声明

即速应用倡导尊重与保护知识产权。如发现本站文章存在版权问题,烦请提供版权疑问、身份证明、版权证明、联系方式等发邮件至197452366@qq.com ,我们将及时处理。本站文章仅作分享交流用途,作者观点不等同于即速应用观点。用户与作者的任何交易与本站无关,请知悉。

产品经理

手机 : 13312967497

擅长 : 小程序流量变现

扫码领取礼包

热门模板

  • 头条
  • 搜狐
  • 微博
  • 百家
  • 一点资讯
  • 知乎