如何在离子的包裹位置添加图像

Question

我在这里将一个网站包装到离子应用程序中。我只想在将它带到相应的网站之前添加图像，而home.html是一个空白页面。我已经有了闪屏。我没有home.html中的任何内容，所以它显示了一个尴尬的白色屏幕，所以我添加了模板区域，如＆＃34; <p>...loading please wait</p>＆＃34;因为它需要时间来加载URL。当我退出应用程序时，它转到home.html并退出app.So我希望在该区域添加一个图像，使其看起来已满。任何帮助将不胜感激。

home.ts

   import { Component } from '@angular/core';
   import { NavController ,Platform} from 'ionic-angular';
   import { InAppBrowser } from '@ionic-native/in-app-browser';
   import { DocumentViewer, DocumentViewerOptions } from '@ionic- 
   native/document-viewer';
   @Component({
   template : "<p>....Loading please wait<img>"
    })
   export class HomePage {
   constructor(private iab: InAppBrowser,public platform: Platform, private 
   document : DocumentViewer ) {
   platform.ready().then(() => {
   let browser = this.iab.create('http://study.bfa.org/','_blank', 
   {zoom:'no',location:'no'});
       browser.show();
   });
   }
  }