在范例5-4所使用的导航栏中,已经为按钮加入了图标的样式,但是当时并没有介绍按钮的图标究竟是怎么一回事。下面截取范例5-4中导航栏部分的代码:
<divdata-role="footer">
<div data-role="navbar"data-grid="c">
<ul>
<li><a id="chat" href="#"data-icon="custom">微信</a></li>
<li><a id="email" href="#"data-icon="custom">通讯录</a></li>
<li><a id="skull" href="#"data-icon="custom">找朋友</a></li>
<li><a id="beer" href="#"data-icon="custom">设置</a></li>
</ul>
</div>
</div>
导航栏部分的样式如图6-2所示。