Question

我对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>代码

Answer 1

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

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

Answer 2

如果您直接从资源中传递图像路径作为源，那么使用下面的代码将修复 x 符号问题：

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

离子图像未在首页加载时显示

2 个答案: