Question

面对一个问题，在sencha触摸和phonegap。在scss代码下使用属性'cls：topImgPanel'的'xtype：panel'，其中为面板设置背景图像。

Login.js

{
    xtype : 'panel',
    cls : 'topImgPanel',
    height : '15%',
    docked : 'top',
}

login.scss

.topImgPanel {
    background-image: url("img/TOP_Printer_HD1.png") !important;
    background-size: 100% 100% !important;
    height: 100%;
    width: 100%;
}

此代码似乎在浏览器中运行，但在使用phonegap在我的Android模拟器中运行时。图像不再可见。

无法弄清楚出了什么问题。

Answer 1

经过一番努力，如果发现这个link

如前所述，我们需要将图片放入根文件夹，所以在我的login.scss中：

.topImgPanel {
    background-image: url("../../TOP_Printer_HD1.png") !important; //changed path
    background-size: 100% 100% !important;
    height: 100%;
    width: 100%;
}

我将我的图像文件复制到'phonegap / www'目录下。

希望这会有所帮助!!

Answer 2

您的图片网址不合适。

实际上，您提供给图像路径的网址应该与CSS文件的位置相关。因此，您需要根据Android手机进行更改。

Sencha PhoneGap：面板背景图像不在Android apk中显示

2 个答案: