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 | 只有图标而没有文字 |