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

有人知道在Kitchen-sink应用程序中要做什么或有什么不同，以便在IE 10中拥有相同的主题？

我错过了什么？

Answer 1

查看你的app.scss文件。 前几行包括.. \ default和\ default \ all themes。 将这些更改为\ windows和\ windows \ all ...换句话说，将“default”更改为“windows”;然后保存为app_ie.scss或其他。

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

Answer 2

像这样更改您的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;

这将使主题光主题。