给页面主题样式 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