nvue image图片为什么无法圆角?

错误写法:


<image style="width:500px;height:500px;border-radius: 250px;" src="https://img-cdn-qiniu.dcloud.net.cn/new-page/uni.png"></image>

已实现:

<div >

<div class="imgbox">

<image class="img" src="https://timgsa.baidu.com/timg?image&quality=80&size=b9999_10000&sec=1546848052660&di=666aa07edcf3791f957b9a249ba908cb&imgtype=0&src=http%3A%2F%2Fimg.zcool.cn%2Fcommunity%2F01ef4a55448bed0000019ae9d0edff.jpg"></image>

</div>

</div>

<style >

.imgbox{

width:500px;

height:500px;

border-radius:999px;

background-clip:padding-box;

border-top-left-radius: 999px; /* 左上角 /

border-top-right-radius: 999px; /
右上角 /

border-bottom-right-radius: 999px; /
右下角 /

border-bottom-left-radius: 999px; /
左下角 */

}

.img{

width:500px;

height:500px;

}

</style>



2019-01-07 12:58 添加评论 分享
已邀请:
0

DCloud_客服_Trust - 少说废话

赞同来自:

weex 的规范,只能是挨个声明。。。


0

354807480@qq.com

赞同来自:

给图片加个div层级,设置div圆角,图片100%,我这边都是这样设置的


要回复问题请先登录注册