cover-image与border-radius有冲突
发布于 6 年前 作者 xiuyingjin 11984 次浏览 来自 问答

在IOS真机中,

如果cover-image 在进入页面时就是显示的,wxss上设置border-radius没有问题。

但如果cover-image开始是隐藏的,通过事件展示出来,如果设置了border-radius,那么该图片怎么都不会显示出来。

4 回复

这个问题解决了吗

测出来解决方案了

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统统有问题

回到顶部