cover-image与border-radius有冲突
在IOS真机中,
如果cover-image 在进入页面时就是显示的,wxss上设置border-radius没有问题。
但如果cover-image开始是隐藏的,通过事件展示出来,如果设置了border-radius,那么该图片怎么都不会显示出来。
在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则正常
你好,这两天发现了,不是border-radius的问题。
关于隐藏的 cover-image 设置完路径后展示不出来的描述:
这里cover-image的src是通过字段动态设置的,如果这个字段设置的是相对路径,则不会有问题;如果该字段是设置的绝对路径, 比如:https://xxx.xxx.xxx, 同时进入页面时这个标签(或者是该标签的父级)是隐藏的话,通过事件显示这个cover-image,则src值设置上去了,但图片不会显示。
做了很多测试,安卓机和模拟器上都没有问题,IOS统统有问题