收藏
回答

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

框架类型 问题类型 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上不显示


回答关注问题邀请回答
收藏

3 个回答

  • 棉花糖
    棉花糖
    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
      回复
  • 姓罗,叫落伍喔
    姓罗,叫落伍喔
    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-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
      回复
登录 后发表内容