【问题标题】: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】:

好的,让我们试一试。这是ionicionic 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
  • 是的,我也试过上面的代码。我的猜测是图像没有被复制到构建目录中,从而导致了这些问题。
  • 尝试是否加载外部图像。给出外部图片的网址
猜你喜欢
  • 1970-01-01
  • 2016-11-28
  • 2019-07-03
  • 1970-01-01
  • 2015-06-20
  • 2011-02-28
  • 1970-01-01
  • 2011-07-05
  • 1970-01-01
相关资源
最近更新 更多