美文网首页
微信小程序填坑之路(二):cover-view

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

作者: 码途有道 | 来源:发表于2018-02-24 21:00 被阅读0次

在一些情况下,我们需要对mapvideocanvascamera这些微信小程序的原生控件,进行自定义,比如在camera上添加一个矩形线框作为拍照区域,这时我们就需要使用到cover-view这个控件。

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

  1. 在同一父容器中,要在原生控件上添加布局,只能用cover类的控件,因为原生控件的层级处于顶层,即使将非cover类的控件的z-index设置到10000,依然层级在原生控件之下,被覆盖。
  2. 在原生控件cover-view作为父容器时,不能使用其他控件嵌套作为子元素,只能使用cover类的控件,例如:cover-viewcover-image

使用示例:

cover-view

相关文章

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

    在一些情况下,我们需要对map、video、canvas、camera这些微信小程序的原生控件,进行自定义,比如在...

  • 微信小程序开发问题集合

    微信小程序text文本溢出单行/多行省略 微信小程序填坑之路之文本溢出 CSS3文本溢出显示省略号 以上三个链接的...

  • 微信小程序cover-view问题

    cover-view问题 给个微信官方文档的导航:微信小程序 cover-view,里面介绍的更加详细 cover...

  • 微信小程序的填坑之路

    一 .Mac打开微信开发工具显示的是空白页 网上说的卸载了 再安装 试了好几次都没有解决问题 原来是还有缓存的什么...

  • 微信小程序实践

    今天,实践了微信小程序,边看文档边填坑。 IDE:指的是微信开发者工具。IDE版本:Stable v1.02.20...

  • 微信小程序弹框之cover-view

    微信小程序弹框之cover-view 1: 最近商户端小程序有个需求涉及到textarea,在textarea上方...

  • 【微信小程序】无法覆盖原生组件

    问题:微信小程序,无法覆盖原生组件解决:canvas、cover-view、cover-image等原生组件,写在...

  • 小程序资源

    小程序webview踩坑小程序图片转二进制微信基础库对应关系

  • 微信小程序

    制作微信小程序: A:微信小程序接入流程 注册:微信公众平台注册小程序,同步进行信息完善和开发 小程序信息完善:填...

  • 微信小程序脚本语言 WXS 怎么用

    这是微信小程序踩坑系列的第二篇,想要了解更多关于微信小程序开发的那些事,欢迎关注我的《微信小程序》专栏。 前言 前...

网友评论

      本文标题:微信小程序填坑之路(二):cover-view

      本文链接:https://www.haomeiwen.com/subject/rxmcxftx.html