注意事项
使用 Pure Ui 时,需要注意以下事项。
事件名称
Pure Ui 的事件名称都是以 on 开头并且以驼峰命名的,例如 onClick、onGetPhoneNumber 等。
由来
这是因为,在实际开发中,发现在支付宝小程序中,自定义组件的所有事件都会失效,例如 @tap 点击事件,而如果在自定义组件中提交 @tap 事件,和 uni-app 原始的事件名称保持统一,在微信小程序中,就又出现事件会触发两次的问题,这是因为,在微信小程序中使用 @tap 绑定自定义组件的点击事件,会触发一次在组件中提交的 tap 事件,并且自身原有的 tap 事件也会触发。
样式覆盖
- 建议在项目中使用
Pure Ui定义的组件css变量来覆盖样式。 - 虽然
Pure Ui也提供了一些样式属性,比如fontSize、color等来方便快速设置组件的样式,但是也不建议这样做。
原因
可以将组件样式统一写到样式文件中,从而实现样式分离统一管理,样式就该放到样式文件中统一管理,而不是在组件上设置一堆样式相关的属性或自定义样式。
样式属性
组件中样式相关的属性,带单位的,比如 fontSize、width、height、margin、padding 等,都是字符串类型,需要在属性值中添加单位,比如 fontSize="16px"、width="100%"、height="100%"、margin="10px"、padding="10px" 等。

