JiKeBang
JiKeBang
  • 发布:2019-01-07 12:58
  • 更新:2019-02-11 02:58
  • 阅读:263

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

分类:nvue

错误写法:
<image style="width:500px;height:500px;border-radius: 250px;" src="https://img-cdn-qiniu.dcloud.net.cn/new-page/uni.png&quot;&gt;&lt;/image&gt;

已实现:
<div >
<div class="imgbox">
<image class="img" src="https://timgsa.baidu.com/timg?image&amp;quality=80&amp;size=b9999_10000&amp;sec=1546848052660&amp;di=666aa07edcf3791f957b9a249ba908cb&amp;imgtype=0&amp;src=http%3A%2F%2Fimg.zcool.cn%2Fcommunity%2F01ef4a55448bed0000019ae9d0edff.jpg&quot;&gt;&lt;/image&gt;
</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 分享
已邀请:
DCloud_UNI_Trust

DCloud_UNI_Trust

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

354807480@qq.com

354807480@qq.com

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

txb_2008@163.com

txb_2008@163.com

<div style="border-radius:50;"><image style="width: 60px;height: 60px;" v-if="data.avatar" :src="data.avatar"></image></div>  
玄清真人

玄清真人

一瞎眼就过去了

要回复问题请先登录注册