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

我在编译时,模拟器上有显示出图片;

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

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, 也不能显示。

你好,图片是在电脑本地的图片:

回到顶部