原生组件
原生组件有:
cover-view
cover-image
camera
button
(仅在 cover-view/cover-image 中时表现为原生组件)input
(仅在focus时表现为原生组件)textarea
(仅在focus时表现为原生组件)
由于原生组件脱离在 WebView 渲染流程外,因此在使用时有以下限制:
- 原生组件的层级是最高的,所以页面中的其他组件无论设置 z-index 为多少,都无法盖在原生组件上。
- 后插入的原生组件可以覆盖之前的原生组件。
- 部分 CSS 样式无法应用于原生组件,暂只接收部分样式:padding/font-color/font-size/line-height/opacity/border-width/border-color/border-radius/overflowX/overflowY/text-align
- CSS 暂不支持单独设置 border 边框效果
- 无法对原生组件设置 CSS 动画
- 不能在父级基础组件节点使用
overflow
来裁剪原生组件的显示区域