编译有显示图片，但是预览的时候没有？
发布于 5 年前 作者 bmeng 10867 次浏览 来自 问答

我在编译时，模拟器上有显示出图片；

但是在手机上预览时没有显示出图片。

10 回复

img:"…/…/images/logo.PNG",

这是我跟着网上的一个教程敲得，但是我这边预览的就是不可以。

<!--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;}

麻烦提供以下相关wxml和wxss代码。

你好，图片是线上的图片、代码包里面的图片还是下载到本地的图片呢？

麻烦把PNG换成小写试试？

{{img}} 的实际值是多少？

  1. 手机预览没显示出来，是iOS和android都显示不出来吗？

  2. 其它图片可以显示出来吗？

  3. 直接在WXML把 {{img}} 换成 ../../images/logo.PNG 可以显示出来吗？

改成小写之后可以了！！！

谢谢谢谢~

手机的ios的，Android还不知道情况。

其他图片可以显示，

直接在WXML把 {{img}} 换成 …/…/images/logo.PNG， 也不能显示。

你好，图片是在电脑本地的图片：

回到顶部