小程序真机调试 图片显示不全
来源:1-4 实战推荐样式开发
宋帅林
2020-11-24 07:58:03
# 具体遇到的问题
在微信小程序开发者工具中. 小程序显示一切正常. 可是到了真机调试里面. 就有部分图片显示不全.
另外tabbar如果都导航到一个页面也会显示不全. 这是什么原因呢 .
# 报错信息的截图
这张截图.是我把导航的图标文件换了个文件夹. 显示全了. 开始总是会丢失一个.
目前就下面的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回答
同学你好,老师测试源码,在手机上是可以完全显示的,如下图所示:
只有同学的部分代码,无法准确的定位问题,建议:同学参考视频和源码先排查下是否哪里书写有误,如果排查不出来,可以新建提问,将如下内容全部粘贴过来:
1、将你写的所有代码全部粘贴过来。
2、将你的项目目录截图粘贴过来,可以参考老师截图的方式,如下:
3、点击“详情”将本地设置信息截图粘贴过来,参考老师的截图方式。如下:
4、详细描述下具体是使用什么手机进行测试的。
代码不要截图,便于帮助同学测试,祝学习愉快~
相似问题