想问问大神,我就想搞个全屏的图片按钮咋就这么难呢?
发布于 5 年前 作者 rshao 10421 次浏览 来自 问答

<!–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%;

}

6 回复

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

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

.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>

我会label+button隐藏+全屏view

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

可以button外面嵌套一个view啊

回到顶部