zting590
zting590
  • 发布:2019-12-01 16:22
  • 更新:2019-12-03 23:54
  • 阅读:3167

uni-app里image的图片显示为什么总是显示不全, 右上角总是缺一个角

分类:uni-app

后台接口那里返回给我一张带有“new”的完整图片,样子就像我下面给的示例src图片。 我想完整的显示出来就行。请问下为什么图片右上角总是显示不全,右上角会缺一个角?

<view class="cate-section">  
    <view class="cate-item" v-for="(item,index) in types" :key="index" @click="cateItemClick(item)">  
        <image style="width: 60px; height: 60px;" src="../../../static/Snip20191130_1.png"></image>  
        <view style="height: 20px;font-size: 14px;text-align: center;">{{item.name}}</view>  
    </view>  
</view>
.cate-section {  
    display: flex;  
    flex-direction: row;  
}
.cate-item {  
    flex: 1;  
    height: 100px;  
    display: flex;  
    flex-direction: column;  
    justify-content: center;  
    align-items: center;  
}

底下是示例src图片和实现出来的问题图片:

2019-12-01 16:22 负责人:无 分享
已邀请:
DCloud_heavensoft

DCloud_heavensoft

看起来你的css设了圆角,把部分区域裁剪了

zting590

zting590 (作者)

ddddd

zting590

zting590 (作者)

哪位能帮忙看下什么原因呢?

要回复问题请先登录注册