小程序避坑

元素

<span>会转换成<text>,尽量只用于文本组件,不应该放<img>等组件。

避免<span>(即<text>)嵌套,会导致绑定事件失效。

平台会把<a>转换成<view class=”zlink”>并添加跳转事件,因此避免使用<a>作为选择器,推荐使用类名作为选择器。

样式

推荐使用class选择器,避免使用id选择器(#a)、属性选择器([a])和标签名选择器。

<img>(即<image>)要设置width。因为它有默认宽度320px、高度240px,会把小图片拉的很大。

避免使用子元素选择器(.a>.b)。

不支持否定伪类选择器(:not)

能用padding实现的就不用margin。

<button>有默认样式,独占一行,考虑覆盖样式。

欢迎反馈其它坑

由众触低代码平台生成和驱动