小程序总结

Author Avatar
Peipei Wong 9月 01, 2018
  • 在其它设备中阅读本文章
  1. 如果你使用了canvasmap类的组件,因为小程序是使用原生控件,无论你是怎样调整z-index,都不可能覆盖到这类组件上。网传的z-index设置为1000以上,经过实践是不起作用的。请使用cover-view。但是cover-view无法增加shadow和border。border可以通过使用cover-view的背景色来代替。shadow可以使用cover-image来代替。

  2. 正确的选择scroll-viewpage。两者都能实现下拉刷新,上拉加载。通过业务,选择最适合的方案。

  3. 自定义导航栏时,通过getSystemInfo得到statusBarHeight在页面上使用px定义,而不是rpx来定义。

  4. 自定义导航栏时,如果有监控page的滚动的需求,请选择scroll-view来实现。在使用onPageScroll时,在iphonex上会导致上方自定义的导航栏抖动。测试的时候,会看到页面滚动时,iphonex上方有1px的空隙….

  5. 小程序在iphonex的下方的安全边距为68rpx

  6. ios上会有自带的橡皮筋效果,记得保证页面下部的颜色与page的背景色相同

  7. 如果想实现保存图片的功能,需要通过canvas去画出图片,canvas的高度需要按照实际的内容计算出来。

  8. 待续…