在IOS真机中,
如果cover-image 在进入页面时就是显示的,wxss上设置border-radius没有问题。
但如果cover-image开始是隐藏的,通过事件展示出来,如果设置了border-radius,那么该图片怎么都不会显示出来。
测出来解决方案了
cover-image无法展示的代码:
test.wxtml
<cover-view class=“reward-wrap {{showReward}}”>
<cover-image class=“reward-usr-img” src="{{ usrImgSrc1 }}"></cover-image>
</cover-view>
test.wxss
.reward-model{
display:none;
}
.reward-model.show-reward{
display: block;
}
cover-image可以展示的代码:
test.wxtml
<cover-view wx-if="{{showReward === ‘show-reward’}}" class=“reward-wrap”>
<cover-image class=“reward-usr-img” src="{{ usrImgSrc1 }}"></cover-image>
</cover-view>
test.wxss
.reward-model{
display:none;
}
.reward-model.show-reward{
display: block;
}
两个test.js都是一样的
showRewardDialog: function () { // 展示
this.setData({
showReward: ‘show-reward’
})
}
结论:用样式控制展示 会出现cover-image 图片不能显示的问题,wx-if则正常