zoukankan      html  css  js  c++  java
  • 小程序填坑之路(二):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; 100%; padding-top: 42.3333%; }

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

  • 相关阅读:
    项目实战
    bootscript/javascript组件
    html5应用程序标签
    bootstrap框架应用
    bootstrap javascript插件部分的笔记整理
    bootstrap页面模板
    redis安装
    nginx + vsftpd 搭建 图片服务器
    centOs7 安装
    单链表的最装逼写法
  • 原文地址:https://www.cnblogs.com/wcLT/p/8809681.html
Copyright © 2011-2022 走看看