小程序填坑之路(二):cover-view


https://blog.csdn.net/mr_chen95/article/details/79261987

在一些情況下,我們需要對mapvideocanvascamera這些微信小程序的原生控件,進行自定義,比如在camera上添加一個矩形線框作為拍照區域,這時我們就需要使用到cover-view這個控件。

cover-view的使用方法與view基本一致,以下是一些注意點:

  1. 在同一父容器中,要在原生控件上添加布局,只能用cover類的控件,因為原生控件的層級處於頂層,即使將非cover類的控件的z-index設置到10000,依然層級在原生控件之下,被覆蓋。
  2. 在原生控件cover-view作為父容器時,不能使用其他控件嵌套作為子元素,只能使用cover類的控件,例如:cover-viewcover-image 。

<cover-view class="img-wrap">

<cover-image class="img" src="/pages/web/images/dialog.png"/>

</cover-view>

.img-wrap { position: relative; width: 100%; padding-top: 42.3333%; }

.img { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM