注意事项
使用 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"
等。