我正在构建离子3应用程序,我在网络模式下完美地使用简单的登录页面,但是当我在Android上运行时,徽标不会出现。
这是登录页面代码:
<ion-content padding style="background:url('assets/imgs/bg.jpg') no-repeat center;background-size:cover;" id="page1">
<div class="header padding text-center">
<img src="../../assets/img/logo.png" alt="DoggyDOG" />
</div>
<form id="login-form1">
<ion-item id="login-input3">
<ion-input type="text" placeholder="Username" name="username"></ion-input>
</ion-item>
<div class="spacer" style="width:30px;height:11px;" id="login-spacer3"></div>
<ion-item id="login-input2">
<ion-input type="password" placehol3er="Password" name="password"></ion-input>
</ion-item>
<div class="spacer" style="height:10px;" id="login-spacer2"></div>
<button id="login-button1" ion-button outline color="energized" block icon-left style="font-weight:500;color:#ffffff;">
<ion-icon ios="ios-log-in" md="md-log-in"></ion-icon>
Login
</button>
<div class="spacer" style="height:50px;" id="login-spacer3"></div>
<button id="login-button2" ion-button block color="light" icon-left style="color:#3A539B;">
<ion-icon left ios="logo-facebook" md="logo-facebook"></ion-icon>
Facebook
</button>
<button id="login-button3" ion-button block color="googlebtn" icon-right style="color:#ffffff;">
<ion-icon ios="logo-google" md="logo-google"></ion-icon>
Google
</button>
</form>
</ion-content>
答案 0 :(得分:1)
由于您的背景在路径中没有../../
的情况下成功加载,请尝试不使用它:
<img src="assets/img/logo.png" alt="DoggyDOG" />