微信小程序图片不显示,模拟器可以显示解决

微信小程序图片不显示,模拟器可以显示解决,第1张

微信小程序开发时开发工具自带的模拟器可以正常显示,但是手机上面体验版查看居然没有图片

经过查阅资料发现如下文档导致图片不显示:

1.本地图片是用image加载的:src="../../../images/ic_header.jpg"  这样不能显示,应改为:https://........jpg

2.图片的url里面有中文

3.图片的HTTP应为小写的http以及图片的后缀为小写的.png或者.jpg

4.域名未备案

csdn地址: https://blog.csdn.net/HAPPYDAY048/article/details/82189871

1、首先打开微信开发者工具,新建一个小程序。

2、page目录下新建一个test目录和相关页面文件。打开app.json文件,将test页面路径放置到index前面。

3、单个view居中:点击打开test.wxml页面代码,输入图中的代码内容。给view设置一个class。

4、点击打开test.wxss文件,这里设置元素样式。输入下面图中的样式代码,可以实现view中文字内容居中。

5、最后打开test.wxss文件,设置viewin的样式代码,如图中所示。实现内部的view相对于外层的view居中显示。


欢迎分享,转载请注明来源:内存溢出

原文地址: https://outofmemory.cn/yw/11206303.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-05-14
下一篇 2023-05-14

发表评论

登录后才能评论

评论列表(0条)

保存