WXOPEN Club

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

发布于 7 年前作者 rshao10641 次浏览最后编辑 7 年前来自 ask

<!–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 回复
qiang39
qiang391 楼6 年前

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

wei41
wei412 楼6 年前

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

ixiong
ixiong3 楼6 年前

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

zyao
zyao4 楼6 年前

我会label+button隐藏+全屏view

fangmeng
fangmeng5 楼6 年前

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

li10
li106 楼5 年前

可以button外面嵌套一个view啊