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

分类：uni-app

uniapp

后台接口那里返回给我一张带有“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图片和实现出来的问题图片: