Ionic 2搭建背景图片

时间:2016-05-12 23:56:15

标签: angularjs ionic-framework

美好的一天,

我使用Ionic版本2构建了一个移动应用程序,当我运行离子服务时,我会在登录页面上看到我的应用程序的背景图像和徽标。在构建应用程序时,我无法看到背景图像和/或徽标。

<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

1 个答案:

答案 0 :(得分:0)

好的,试试吧。它是ionic以及ionic 2中背景图像的基本方法 CSS

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

html

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