小程序真机调试 图片显示不全

来源:1-4 实战推荐样式开发

宋帅林

2020-11-24 07:58:03

# 具体遇到的问题
在微信小程序开发者工具中. 小程序显示一切正常. 可是到了真机调试里面. 就有部分图片显示不全.

另外tabbar如果都导航到一个页面也会显示不全. 这是什么原因呢 .
# 报错信息的截图
http://img.mukewang.com/climg/5fbc4b9a0993be6a10802340.jpg

这张截图.是我把导航的图标文件换了个文件夹. 显示全了. 开始总是会丢失一个.  


目前就下面的tabbar只会显示一个我的......

# 尝试过的解决思路和结果
图片显示不全 网上查了 一下.  有说路径不能有中文. 不能有空格. 文件后缀名不能大写.  

但以上问题我都没有 .  

还有说不能用相对路径的 也就是说  ../../  这样就容易不显示图片 . 

最后我是把图片放到index页面下. 单独建立一个images文件夹.  使用   ./这样的方式

不知道是不是这样的原因造成的图片丢失 . 


但是下面的tabbar具体什么原因. 一直没能解决.  请老师提供些思路.   
# 粘贴全部相关代码,切记添加代码注释(请勿截图)

"tabBar":{

    "color": "#B7BBBF",

    "selectedColor": "#2B333B",

    "list":[{

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

      "iconPath":"./resources/home.png",

      "selectedIconPath":"./resources/home-active.png",

      "text":"首页"

    },{

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

      "iconPath":"./resources/cart.png",

      "selectedIconPath":"./resources/cart-active.png",

      "text":"购物车"

    },{

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

      "iconPath":"./resources/my.png",

      "selectedIconPath":"./resources/my-active.png",

      "text":"我的"

    }]

  },


写回答

1回答

好帮手慕慕子

2020-11-24

同学你好,老师测试源码,在手机上是可以完全显示的,如下图所示:

http://img.mukewang.com/climg/5fbc80c009e6651008281792.jpg

只有同学的部分代码,无法准确的定位问题,建议:同学参考视频和源码先排查下是否哪里书写有误,如果排查不出来,可以新建提问,将如下内容全部粘贴过来:

1、将你写的所有代码全部粘贴过来。

2、将你的项目目录截图粘贴过来,可以参考老师截图的方式,如下:

http://img.mukewang.com/climg/5fbc816309f1d62902110538.jpg

3、点击“详情”将本地设置信息截图粘贴过来,参考老师的截图方式。如下:

http://img.mukewang.com/climg/5fbc81d109213f1c04190834.jpg

4、详细描述下具体是使用什么手机进行测试的。

代码不要截图,便于帮助同学测试,祝学习愉快~

0

0 学习 · 15276 问题

查看课程