收藏
回答

想问问大神,我就想搞个全屏的图片按钮咋就这么难呢?



<!--index.wxml-->

<button open-type="contact" bindcontact="handleContact" style="background-image:url(http://g.hiphotos.baidu.com/zhidao/pic/item/c83d70cf3bc79f3d6e7bf85db8a1cd11738b29c0.jpg);">

</button>


/**index.wxss**/

page{

width: 100%;

height: 100%;

}

button{

width: 100%;

height: 100%;

background-size: 100% 100%;

}


最后一次编辑于  2019-12-18
回答关注问题邀请回答
收藏

6 个回答

  • o0o有脾气的酸奶
    o0o有脾气的酸奶
    2019-12-18

    .btn {

        width: 100vw !important;

        height: 100vh !important;

        border: none !important;

        border-radius: 0 !important;

        background-repeat: no-repeat !important;

        background-position: center center !important;

        background-size:cover !important;

    }


    <button class="btn" style="background: url('/test.jpg')"></button>



    2019-12-18
    赞同 2
    回复
  • 
    
    2019-12-18

    把app.json里面的 style:v2去掉

    2019-12-18
    赞同 1
    回复
  • 易增辉(程序开发)
    易增辉(程序开发)
    2019-12-18

    谢邀。  隐藏按钮放在图片层上面。

    2019-12-18
    赞同
    回复
  • 张生
    张生
    2019-12-18

    我就不懂了,为什么一定要用Button呢?你这情况直接一个View就搞掂啦~~~View加一个Image。。。。。。

    2019-12-18
    赞同
    回复
  • 老张
    老张
    2019-12-18

    我会label+button隐藏+全屏view

    2019-12-18
    赞同
    回复
  • 土家肸哥
    土家肸哥
    2019-12-18

    可以button外面嵌套一个view啊

    2019-12-18
    赞同
    回复
登录 后发表内容
问题标签