小程序
小游戏
企业微信
微信支付
扫描小程序码分享
mp-icon调用后会出现边框是为什么
调用代码如
<mp-icon wx:if="{{post.my_likes==0}}" icon="like" color="black" size="{{26}}"></mp-icon>
<mp-icon wx:else icon="like" color="red" type="field" size="{{26}}"></mp-icon>
3 个回答
加粗
标红
插入代码
插入链接
插入图片
上传视频
修改源码，改为下面这样子：
<view class="{{extClass}} weui-icon" style="width:{{size}}px;height:{{ utils.ifSpecialIcon(icon) ? utils.double(size) : size}}px;">
<image style="width: 100%;height: 100%;" src="{{src}}"></image>
</view>
.weui-icon {
vertical-align: middle;
display: inline-block;
mask-repeat: no-repeat;
-webkit-mask-repeat: no-repeat;
-moz-mask-repeat: no-repeat;
mask-size: cover;
-webkit-mask-size: cover;
-moz-mask-size: cover;
}
你好，麻烦通过点击下方“反馈信息”按钮，提供出现问题的。
同样遇到这个问题
同样遇到这个问题，楼主解决了吗
关注后，可在微信内接收相应的重要提醒。
请使用微信扫描二维码关注 “微信开放社区” 公众号
修改源码，改为下面这样子：
<view class="{{extClass}} weui-icon" style="width:{{size}}px;height:{{ utils.ifSpecialIcon(icon) ? utils.double(size) : size}}px;">
<image style="width: 100%;height: 100%;" src="{{src}}"></image>
</view>
.weui-icon {
vertical-align: middle;
display: inline-block;
mask-repeat: no-repeat;
-webkit-mask-repeat: no-repeat;
-moz-mask-repeat: no-repeat;
mask-size: cover;
-webkit-mask-size: cover;
-moz-mask-size: cover;
}
同样遇到这个问题
同样遇到这个问题，楼主解决了吗