jQuery Mobile在进行按钮设计的时候,缺省定义了一套data-icon参数,基于这套参数可以指定常用的按钮图标。
data-icon可以指定不同的参数,参数不同,所呈现的按钮图标样式也会不同。
| 左箭头 | data-icon=“arrow-l” |
| 右箭头 | data-icon=“arrow-r” |
| 向上箭头 | data-icon=“arrow-u” |
| 向下箭头 | data-icon=”arrow-d“ |
| 删除 | data-icon=”delete“ |
| 加号 | data-icon="plus" |
| 减号 | data-icon=”minus“ |
| 检查 | data-icon=”check“ |
| 齿轮 | data-icon=”gear“ |
| 刷新 | data-icon=”refresh“ |
| 向前 | data-icon=”forward“ |
| 向后 | data-icon="back" |
| 网格 | data-icon="grid" |
| 星形 | data-icon="star" |
| 警告 | data-icon="alert" |
| 信息 | data-icon="info" |
| 主页 | data-icon="home" |
| 查询 | data-icon="search" |
| 此外,设置data-iconpos | 属性也可以设置图标的位置 |
| 值 | 图标的位置 |
| left | 左侧(缺省) |
| right | 右侧 |
| top | 上方正中 |
| bottom | 下方正中 |
| notext | 只有图标而没有文字 |