带有背景图像的 Ionic 2 构建答案

【问题标题】：Ionic 2 build with background image带有背景图像的 Ionic 2 构建
【发布时间】：2016-05-16 21:21:14
【问题描述】：

早安，

我使用 Ionic 版本 2 构建了一个移动应用程序，当我运行 ionic serve 时，我可以在登录页面上看到我的应用程序的背景图像和徽标。在构建应用程序时，我看不到背景图片和/或徽标。

<ion-row center style="margin-top: 50%;">
    <ion-col width-20></ion-col>
    <ion-col width-60>
        <img src="images/DD_logo.png" style="width:100%" class="thumbnail"/>
    </ion-col>
    <ion-col width-20></ion-col>
</ion-row>

这是要出现徽标的部分，来自 ~/app/pages/profile/profile.html

【问题讨论】：

您如何为您的应用提供背景图片。请分享你的代码。
阿图拉，感谢您的回复。请找到添加的问题代码的sn-p。
我没有看到任何 sn-p @cookies。
您的代码在我这边运行顺利。问题是别的。

标签： angularjs ionic-framework

【解决方案1】：

好的，让我们试一试。这是ionic和ionic 2中背景图片的基本方法。
css

#Image {
background: url(images/DD_logo.png) no-repeat center;
width:100%;
}

html

 <img id="Image" src="" class="thumbnail"/>

【讨论】：

好的，请注意。图片在 ionic serve 上显示，但在为设备编译时（即创建 apk 时），图片消失/从不显示。
也提供给我.thumnail
是的，我也试过上面的代码。我的猜测是图像没有被复制到构建目录中，从而导致了这些问题。
尝试是否加载外部图像。给出外部图片的网址