微信小程序小记

in 学习记录 with 0 comment

图片

组件

  1. movable-view滑动组件里slot的问题(无法嵌入里面)
  2. weui组件尺寸修改可以修改zoom属性来放大或缩小比较方便,或者去查看源码找到对应的类名进行属性覆盖
  3. swiper组件里的swiper-item只能随着swiper设置的宽度改变,默认100%. 想要显示所有的swiper-item可以previous-margin/next-margin
  4. 图表可以使用wx-charts,当然你也可以自己封装canvas。(在取到数据的回调里调用渲染函数,注意顺序问题,可能会阻塞接口的返回然后卡死小程序)
  5. textarea 层级问题,原生组件优先级非常高,会一直在最上层。有需要的话可以用官方提供的cover-view来进行覆盖(原生组件只按渲染顺序进行覆盖,z-index无效。若没有生效则可以看看是否当前组件或父元素用了wx-if、hidden)
  6. textarea定位在底部输入的时候唤起键盘当文字行数变化时输入框不动但文字会错位,这时候需要加个fixed=true的属性
  7. 定位在底部和scroll-view一起使用的时候需要动态监听底部的高度,来动态调整scrool-view的高度。

兼容

  1. textarea在oppo r9 r11等机型上autoheight属性失效,会导致样式错乱
  2. textarea/input输入框的cursor-spacing 属性,指定光标与键盘的距离,你可能会觉得这个属性还挺好用的,但来回切键盘和表情的时候被你顶高的距离会显示黑边(ios)
  3. 安卓机上你可能无法清空他们的输入框 ~ 正常来说直接在发出请求的回调里就能立即清空输入框,但部分安卓不行(这种情况仅仅指焦点还在输入框上,然后触发其他地方使输入框失去焦点同时你还想清空输入框。)
  4. wx.showActionSheet在安卓上没有取消按钮,版本6.7.2以上安卓系统点击蒙层不会关闭模态弹窗,你可能会说让安卓用户去点home键边上返回键(我也是这么想的=·=)

其他

Responses