我在编译时,模拟器上有显示出图片;
但是在手机上预览时没有显示出图片。
网友回复:
你好,图片是线上的图片、代码包里面的图片还是下载到本地的图片呢?
你好,图片是在电脑本地的图片:
麻烦提供以下相关wxml和wxss代码。
这是我跟着网上的一个教程敲得,但是我这边预览的就是不可以。
<!--pages/aboutme/abboutme.wxml--> < view class = "about" > < view class = "about-up" > < view class = "about-img" > < image src = '{{img}}' class = 'in-img' mode = 'scaleToFill' ></ image > </ view > < view class = "about-title" >{{title}}</ view > </ view > < view class = "about-detail" > < view >{{detail1}}</ view > < view >{{detail2}}</ view > </ view > < view class = 'about-contab' > < view >{{contab}}</ view > </ view > </ view > |
/* pages/aboutme/abboutme.wxss */ .about{} .about-up{ text-align : center ;} .about-img{ display : block ; width : 160px ; height : 160px ; margin : 20px auto 0 ;} .about-title{ display : inline- block ; margin : 20px 0 ; font-size : 20px ;} .in-img{ width : 160px ; height : 160px ;} .about-detail{ text-align : center ; font-size : 16px ;} .about-contab{ text-align : center ; margin : 20px ; font-size : 14px ;} |
{{img}} 的实际值是多少?
img:"../../images/logo.PNG",
手机预览没显示出来,是iOS和android都显示不出来吗?
其它图片可以显示出来吗?
直接在WXML把 {{img}} 换成 ../../images/logo.PNG 可以显示出来吗?
手机的ios的,Android还不知道情况。
其他图片可以显示,
直接在WXML把 {{img}} 换成 ../../images/logo.PNG, 也不能显示。
麻烦把PNG换成小写试试?
改成小写之后可以了!!!
谢谢谢谢~