sencha-touch-2 - 对 IE10 的新主题支持

Question

我有一个使用 Sencha Touch 2.0 版本开发的移动应用程序。这些天我尝试切换到最新的 Sencha 库 (2.2.1) 以根据用户平台支持主题。

我的问题与 Windows 手机主题和 IE 10 有关。

默认情况下，我在 IE 10 中获得了这样的主题： http ://docs.sencha.com/touch/2.2.1/#!/example/nested-list

但我想在 IE 10 上使用它的主题是这个： http ://docs.sencha.com/touch/2.2.1/#!/example/kitchen-sink

有人知道在 IE 10 中具有相同主题的 Kitchen-sink 应用程序有什么不同或有什么不同吗？

我错过了什么？

Answer 1

像这样更改您的 app-scss：

$dark-theme: false;
$base-color: #2672EC;

@import 'sencha-touch/windows';
@import 'sencha-touch/windows/all';

$background-color: #fff !default;
$primary-text-color: #000 !default;
$secondary-text-color: #000 !default;

这将使ie主题轻主题。

Answer 2

查看您的 app.scss 文件。前几行包括 ..\default 和 \default\all 主题。将这些更改为 \windows 和 \windows\all ...换句话说，将单词“default”更改为“windows”；然后另存为 app_ie.scss 或其他。

然后 app.json 也需要更改，以便在 ie10 是浏览器时识别平台 ie10 并加载正确的 app_ie.css。