小程序
小游戏
企业微信
微信支付
扫描小程序码分享
在IOS真机中,
如果cover-image 在进入页面时就是显示的,wxss上设置border-radius没有问题。
但如果cover-image开始是隐藏的,通过事件展示出来,如果设置了border-radius,那么该图片怎么都不会显示出来。
6 个回答
加粗
标红
插入代码
插入链接
插入图片
上传视频
你好,请提供一下出现问题的机型和微信版本,以及能复现问题的简单代码示例。
你好,麻烦通过点击下方“反馈信息”按钮,提供出现问题的。
测出来解决方案了
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可以展示的代码:
<cover-view wx-if="{{showReward === 'show-reward'}}" class="reward-wrap">
两个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统统有问题
.wxml
<map style="width:100%;height:400rpx;" latitude="{{latitude}}" longitude="{{longitude}}" markers="{{markers}}"> <cover-view slot="callout"> <block wx:for="{{markers}}" wx:key="*this"> <cover-view class="customCallout" marker-id="{{item.id}}"> <cover-image class="icon" src="{{item.icon}}"></cover-image> </cover-view> </block> </cover-view> </map>
.wxss
.customCallout { width: 40px; height: 40px; background-color: #fff; border-radius: 50%; overflow: hidden; } .icon { width: 40px; height: 40px; }
没用css控制图片显隐,但是也会偶发有src图片却未加载的情况
插眼
这个问题解决了吗
关注后,可在微信内接收相应的重要提醒。
请使用微信扫描二维码关注 “微信开放社区” 公众号
你好,请提供一下出现问题的机型和微信版本,以及能复现问题的简单代码示例。
测出来解决方案了
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统统有问题
.wxml
<map style="width:100%;height:400rpx;" latitude="{{latitude}}" longitude="{{longitude}}" markers="{{markers}}"> <cover-view slot="callout"> <block wx:for="{{markers}}" wx:key="*this"> <cover-view class="customCallout" marker-id="{{item.id}}"> <cover-image class="icon" src="{{item.icon}}"></cover-image> </cover-view> </block> </cover-view> </map>
.wxss
.customCallout { width: 40px; height: 40px; background-color: #fff; border-radius: 50%; overflow: hidden; } .icon { width: 40px; height: 40px; }
没用css控制图片显隐,但是也会偶发有src图片却未加载的情况
插眼
这个问题解决了吗