我用 Telerik Appbuilder 开发了一个 Cordova 混合应用程序,它可以在所有平台上运行,Android、iOS 和 Windows Phone 8.1。但是当我在 Windows 10 设备上启动应用程序时,按钮和标签条显示不正确。
以下是它在 Windows Phone 8.1 上的外观图片:
如您所见,按钮中的文本没有居中,并且标签条按钮上有这个白色箭头状图标。
此外,我无法构建我的应用并将其部署到 Windows 10 设备。我总是收到以下错误:
Build and Deploy: 'Unable to build and deploy KBS.InsectFinder on one or more devices. For more information, see the log.'
Error when installing the app. A runtime error has occured. Correct the Capabilities-Values in the file "WMAppManifest.xml".
我的问题是,我必须如何构建应用程序才能使其在 Windows 10 设备上正常运行?
这是标签条的代码:
<div data-role="footer">
<div data-role="tabstrip" id="tabstrip" data-select="onSelect">
<a href="views/home.html" id="homeTabstrip">Home</a>
<a href="views/Settings.html" id="settingsTabstrip">Einstellungen</a>
</div>
</div>
和CSS:
#tabstrip .km-icon {
background-repeat:no-repeat;
-webkit-background-clip: border-box;
background-size: 100% 100%;
}
#homeTabstrip.km-state-active span.km-icon {
background-image: url("../../Images/Icons/home_active.png");
}
#homeTabstrip .km-icon {
background-image: url("../../Images/Icons/home_inactive.png");
}
#settingsTabstrip.km-state-active span.km-icon {
background-image: url("../../Images/Icons/gearwheel_active.png");
}
#settingsTabstrip .km-icon {
background-image: url("../../Images/Icons/gearwheel_inactive.png");
}
这是按钮的代码:
<button data-role="button" id="login" style="margin-left: 15px; width: 200px;">Abschicken</button>
<div style="margin-left: 15px;">
<b>Synchronisation</b> <br />
<button data-role="button" id="syncButton" style="width: 200px;">Synchronisation</button> <br />
</div>