美文网首页
微信小程序cover-view问题

微信小程序cover-view问题

作者: CRJ997 | 来源:发表于2019-02-23 17:07 被阅读0次

    cover-view问题

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


    1. cover-view中设置单独方向的border貌似并不管用。例如设置border-bottom或者border-top作为分割线,并没有作用。(对应官方文档中的单边border问题)
      解决方法:使用一个cover-view设置高度为需要的分割线的高度,然后把背景颜色设置成分割线的颜色。

    2. 如果一个cover-view(view1)中嵌套有一个cover-view(view2),如果view1中有文字(没有用cover-view包含),并且view2中也有文字。那么view1中的文字不会显示。(对应官方文档中的排版问题)

    <cover-view>
          你好呀!        <!--这边的文字不显示-->
          <cover-view>我可以覆盖你!</cover-view>
    </cover-view>
    

    解决方法: 用cover-view把文字都套上。

    1. cover-view的background使用渐变加不上去,模拟器上可以正常显示,但是实机上不显示。(对应于官方文档的background-image问题)

    2. cover-view不能够覆盖textarea(对应官方文档可覆盖组件),除了官网上说的可以覆盖的组件,其他都不行。

    3. cover-view子标签不显示的问题:

    • 第一:貌似跟微信版本有关。
    • 第二种可能是因为cover-view容器溢出,因为cover-view默认是不换行的,所以就直接隐藏起来了,可以检测一下是否有这种问题。(对应cover-view默认样式问题)

    相关文章

      网友评论

          本文标题:微信小程序cover-view问题

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