收藏
回答

fixed定位的cover-image 通过for渲染出来的图片在手机上不显示

问题模块 框架类型 问题类型 API/组件名称 终端类型 操作系统 微信版本 基础库版本
API和组件 小程序 Bug cover-image 客户端 6.6.6 2.0.2

我通过动态判断添加的图片   在ios上不显示


app.globalData.tabbar.list = [

{

pagePath: "/pages/record/record",

text: "考勤记录",

iconPath: "star.png",

selectedIconPath: "score.png",

selected: true

},

{

pagePath: "/pages/statistics/statistics",

text: "考勤统计",

iconPath: "star.png",

selectedIconPath: "score.png",

selected: false

},

{

pagePath: "/pages/personalCenter/index/index",

text: "个人中心",

iconPath: "star.png",

selectedIconPath: "score.png",

selected: false

}

]



<cover-view class="tabbar_box" style="z-index:1000;background-color:{{tabbar[0].backgroundColor}}; {{tabbar[0].position == 'top' ? 'top:0' : 'bottom:0'}}">

<cover-view wx:for="{{tabbar[0].list}}" wx:for-item="item" wx:key="index" class='box box_row_center' style="width:{{1/tabbar[0].list.length*100}}%;background-color:#fff">

<cover-view class=" tabbar_nav " data-pagepath='{{item.pagePath}}' bindtap='goToTabber' style="width:100%; color:{{item.selected ? tabbar.selectedColor : tabbar.color}} " open-type="redirect ">

<cover-image class="tabbar_icon " src="/public/img/{{item.selected ? item.selectedIconPath : item.iconPath}} "></cover-image>

<cover-view>{{item.text}}</cover-view>

</cover-view>

</cover-view>

</cover-view>


因为会根据进来的人显示不同的tabber   动态渲染cover-image  ios上不显示


最后一次编辑于  2018-05-20  (未经腾讯允许,不得转载)
邀请回答
复制链接收藏投诉关注问题回答

3 个回答

  • 娇华
    娇华
    2018-05-21

    你好,没有数据没有错误信息提醒的吗?

    2018-05-21
    赞同
    回复 3
    • 照明胧
      照明胧
      2018-05-21
      真的没有 在微信开发者工具上面是正常显示的 在安卓也是可以显示的 只有ios上图标不显示 微信是最新的6.6.6 我试着改成静态图片就可以出来了 还有安卓上 这个cover-view不能够遮住canvas 我手机打开vConsole看的 error里面没有信息 warn也没有
      2018-05-21
      回复
    • 照明胧
      照明胧
      2018-05-21
      我用的绝对地址
      2018-05-21
      回复
    • 娇华
      娇华
      2018-05-23回复照明胧
      给个代码片段看看https://developers.weixin.qq.com/miniprogram/dev/devtools/minicode.html?search-key=%E4%BB%A3%E7%A0%81%E7%89%87%E6%AE%B5
      2018-05-23
      回复
  • 罗永江
    罗永江
    2018-05-25

    我们也碰到这个问题了

    2018-05-25
    赞同
    回复 2
    • 照明胧
      照明胧
      2018-05-25
      放弃了 让设计把所有设计图底部的tabber设为相同数目 通过权限展示不同的内容
      2018-05-25
      回复
    • 罗永江
      罗永江
      2018-05-25回复照明胧
      我们是直播间需要用cover-view,for循环之后iOS客户端小程序就会出现一些图片不显示问题,我们的cover-image用的absolute定位也是不行。
      2018-05-25
      回复
  • 棉花糖
    棉花糖
    2018-06-06

    关注,通遇到类似问题

    ios下cover-image图片经常渲染不出来。加了wx:if还是解决不了

    2018-06-06
    赞同
    回复 2
    • 照明胧
      照明胧
      2018-06-06

      我放弃这种写法了    让设计改了页面

      2018-06-06
      回复
    • 棉花糖
      棉花糖
      2018-06-06回复照明胧

      哦哦,感谢回复。

      目前也是遇到这种情况,不过我的cover-image是嵌套在map组件。怎么整都不行。

      2018-06-06
      回复