给页面主题样式 Page Theming

Jquery Mobile内建了一套样式主题系统,让你给页面添加样式时有丰富的选择。 针对每一个页面的组件,都有详细的主题样式文档,但是我们先看一下怎样应用主题样式

给header和footer容器增加data-theme属性,并设定为a,b,c,d,e.可以应用任何一套主题样式。而当给页面内容添加data-theme属性时,我们推荐给整个content容器data-role="page"添加,而不是某个div或容器,这样背景也就可以应用到整个页面。

默认的样式是混搭了多种主题样式的样子,使得各个组件层次分明

给下面是5套应用了主题样式的页面

主题A

主题B

主题C

主题D

主题E