在一些情況下,我們需要對map
、video
、canvas
、camera
這些微信小程序的原生控件,進行自定義,比如在camera
上添加一個矩形線框作爲拍照區域,這時我們就需要使用到cover-view
這個控件。
cover-view
的使用方法與view基本一致,以下是一些注意點:
- 在同一父容器中,要在原生控件上添加布局,只能用
cover
類的控件,因爲原生控件的層級處於頂層,即使將非cover
類的控件的z-index
設置到10000,依然層級在原生控件之下,被覆蓋。 - 在原生控件
cover-view
作爲父容器時,不能使用其他控件嵌套作爲子元素,只能使用cover
類的控件,例如:cover-view
、cover-image
。
使用示例: