收藏
回答

真机预览模式下cover-view, cover-image不展示

cover-view, cover-image嵌套在map组件中,设置为绝对定位
MAC客户端
预览机型iPhone7

回答关注问题邀请回答
收藏

8 个回答

  • 微信技术专员 - Rex
    微信技术专员 - Rex
    2017-07-12

    用你的代码试了下,在真机上看是有 `test` 文本的

    2017-07-12
    有用
    回复
  • 微信技术专员 - Rex
    微信技术专员 - Rex
    2017-07-12

    cover-image里不能嵌套cover-view,类似html中的img标签

    2017-07-12
    有用
    回复
  • 微信技术专员 - Rex
    微信技术专员 - Rex
    2017-07-12

    能否看下代码是怎样的?

    2017-07-12
    有用
    回复
  • 阿蒙
    阿蒙
    2017-08-01

    有test,但是真机上面没有样式了

    2017-08-01
    有用
    回复
  • Veking
    Veking
    2017-07-12

    我也调试出来了,需要更新微信版本至6.5.12(7月11日更新),这个给忘记了。对于低版本需通过wx.canIUse('cover-image')判断

    2017-07-12
    有用
    回复
  • Veking
    Veking
    2017-07-12

    刚才的代码贴上来的时候点了HTML回复再切回去代码格式有问题,真实代码应该是这样的,并没有在cover-image中嵌套cover-view,麻烦再看一下:

     
       
       
            test
            test
       

       
     


    2017-07-12
    有用
    回复
  • Veking
    Veking
    2017-07-12

    .map-container{
      width: 100%;
      position: absolute;
      bottom:0;
    }


    .cover-wrapper{
      position: relative;
      top:0;
      left:0;
      z-index: 9999;
      width:100%;
    }

    .inner-wrapper{
      display:inline-block;
      vertical-align:middle;
      width: 40%;
    }

    .inner-wrapper cover-view{
      text-align:center;
    }

    .cover-fuzzy-img{
      display:inline-block;
      overflow:hidden;
      vertical-align:middle;
      width:30%;
    }

    2017-07-12
    有用
    回复
  • Veking
    Veking
    2017-07-12



           
               
                   
                        测试cover-view
                   

                   
                        测试cover-view
                   

                   
               

           

       

    2017-07-12
    有用
    回复
登录 后发表内容