【问题标题】:Ionic Images not showing on first page load离子图像未在第一页加载时显示
【发布时间】:2018-06-12 22:12:20
【问题描述】:

我对位于 src/assets/images 的图像有疑问 这是我的离子信息输出:

$ ionic info

cli packages: (C:\Users\Win 7\AppData\Roaming\npm\node_modules)

    @ionic/cli-utils  : 1.19.2
    ionic (Ionic CLI) : 3.20.0

global packages:

    cordova (Cordova CLI) : 8.0.0

local packages:

    @ionic/app-scripts : 3.1.8
    Cordova Platforms  : android 7.0.0
    Ionic Framework    : ionic-angular 3.9.2

System:

    Android SDK Tools : 26.1.1
    Node              : v8.11.1
    npm               : 5.6.0
    OS                : Windows 7

Environment Variables:

    ANDROID_HOME : C:\Users\Win 7\AppData\Local\Android\Sdk

Misc:

    backend : pro

当页面第一次加载时图像不加载,然后我退出页面并再次重新进入,图像在这里 x)

我用<ion-img src="..."></ion-img>标签

【问题讨论】:

  • 你是直接把图片路径传给src吗?

标签: html ionic-framework ionic3


【解决方案1】:

如果你是直接从assets传递图片路径作为来源,那么使用下面的代码将修复x符号问题:

<img src="assets/images/logo.png">

【讨论】:

  • 然后对您的问题进行更多描述
  • 等等,img src 和 ion-img src 不一样?
【解决方案2】:

这是在 Ionic 应用程序中插入图像的方法。

<img src="assets/icon/myImage.png" class="image-responsive">

【讨论】:

    猜你喜欢
    • 1970-01-01
    • 2017-05-25
    • 2019-12-15
    • 2023-04-02
    • 1970-01-01
    • 2014-11-15
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    相关资源
    最近更新 更多