Question

我目前正在使用Ionic框架来尝试开发应用程序，并尝试使用图像。当我在谷歌浏览器（$ ionic serve）中运行应用程序时，图像将正确加载，但是当我在模拟器上运行图像或直接在我的设备上运行图像时，图像将无法加载。在我的代码中，我有这个urlTemplate显示的内容：

<div clas="portal-bg">
<div class="portal-quote">
    <p>
        Gah
    </p>
</div>
<div class="portal-logo">
    <img src="../img/home-bg.png" />
</div>

<div class="list list-inset">
    <label class="item item-input">
        <input type="email" placeholder="e-mail">
    </label>
    <label class="item item-input">
        <input type="password" placeholder="password">
    </label>
</div>
<div class="row">
    <div class="col col-offset-33">
        <button class="button button-dark">
            Sign In
        </button>
    </div>
    <div class="col">
        <button class="button button-dark">
            Sign Up
        </button>
    </div>
</div>

图像位于＆＃34; portal-logo＆＃34; 我对这张图片感兴趣的是：

.portal-logo{
margin-left: 40%;
margin-top:5%;

}

.portal-logo img{
width:30%;
height:auto;

}

可能是什么问题？

Answer 1

问题解决了，因为即时通讯使用angularjs路由正确的网址“img / home-bg.png”而不是“../img/home-bg.png”...需要将其视为处理同一个文件

图像加载在浏览器中但不在手机Cordova上

1 个答案: