收藏
回答

编译有显示图片,但是预览的时候没有?

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

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


回答关注问题邀请回答
收藏

10 个回答

  • LastLeaf
    LastLeaf
    2017-09-20

    麻烦把PNG换成小写试试?

    2017-09-20
    有用
    回复
  • LastLeaf
    LastLeaf
    2017-09-20
    1. 手机预览没显示出来,是iOS和android都显示不出来吗?

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

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


    2017-09-20
    有用
    回复 3
    • 2020-04-24
      你好,我的图片是本地图片,图片名称及路径都是小写,网络图片可以显示出来,本地图片都不显示,预览和真机调试都不显示,开发者工具上显示正常
      2020-04-24
      回复
    • LastLeaf
      LastLeaf
      2020-04-24回复
      麻烦另开一帖提供代码片段,以便我们调查具体问题。
      2020-04-24
      回复
    • 2020-04-24回复LastLeaf
      已经另开贴解决了,图片名称用英文就好了
      2020-04-24
      回复
  • LastLeaf
    LastLeaf
    2017-09-20

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

    2017-09-20
    有用
    回复
  • LastLeaf
    LastLeaf
    2017-09-20

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

    2017-09-20
    有用
    回复
  • LastLeaf
    LastLeaf
    2017-09-20

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

    2017-09-20
    有用
    回复
  • 少林寺
    少林寺
    2017-09-20

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

    谢谢谢谢~

    2017-09-20
    有用
    回复
  • 少林寺
    少林寺
    2017-09-20

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

    其他图片可以显示,

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


    2017-09-20
    有用
    回复
  • 少林寺
    少林寺
    2017-09-20

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


    2017-09-20
    有用
    回复
  • 少林寺
    少林寺
    2017-09-20

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


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


    2017-09-20
    有用
    回复
  • 少林寺
    少林寺
    2017-09-20

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





    2017-09-20
    有用
    回复
登录 后发表内容