Sencha Touch 2.2 automatically loads corresponding style files based on different devices and topic descriptions in Sencha Touch 2.3

Email: gm4linus@gmail.com

Sencha Touch2.2 supports loading different styles based on different devices. you can configure this rule using css configuration items in app. json of the application, such

"css": [        {            "path": "../../resources/css/sencha-touch.css",            "platform": ["chrome", "safari", "ios", "android", "blackberry", "firefox"],            "update": "delta"        },        {            "path": "../../resources/css/wp.css",            "platform": ["ie10", "windows"],            "theme": "Windows",            "update": "delta"        }    ]

Then, the chrome-based safaristmios?android=blackberry=firefoxplatform uses sencha-touch.css. If other platforms do not load the file. If ie10133 is windows, then wp.css is used.

So what are the meanings of topics provided by Sencha Touch 2.3?

Cupertino(cupertino.css): Class IOS7 topic

CupertinoClassic(cupertino-classic.css): IOS topic cupertino-classic.css before IOS7

MountainView(mountainview.css): Android-like theme

Windows (wp.css): Windows Phone-like theme

Bb10(bb10.css): BlackBerry 10 theme

Default(sencha-touch.css): Default topic

If you have other configuration requirements, you can modify the loader of Sencha Touch.