深圳全飞鸿

标题: jquerymobile的data-theme主题 [打印本页]

作者: zhgc 时间: 2021-2-7 00:55
标题: jquerymobile的data-theme主题
以下是默认主题所规定的五种调板和其含义：

a：最高优先级，黑色
b：优先级次之，蓝色
c：基准优先级，灰色
d：可选优先级，灰白色
e：表示强调，黄色

jQueryMobile内建了主题控制相关模块。调板可以使用data-theme属性来控制。如果你不指定data-theme属性，将默认采用a调板。下面代码定义了一个采用黄色调板的页面：

<div data-role="page" id="page">
<div data-role="header" data-theme="e">
<h1>Header</h1>
</div>
<div data-role="content" data-theme="e">

复制代码

作者: zhgc 时间: 2021-2-7 10:34

data-role="page"的theme:
<div data-role="page" id="pageone" class="ui-page-theme-a">

header和footer的theme:
<div data-role="header" data-theme="a">

data-role="main"的theme:
????

table的theme:
<table width=100% border=0 class="ui-table ui-body-c">

listview/ul的theme:
<ul data-role="listview" id="MList1" data-count-theme="a" data-split-icon="gear" class="ui-listview" style="padding:0px;margin:0px">

欢迎光临深圳全飞鸿 (http://www.nagomes.com/disc/)