JQUERY Mobile 图标

图标
data-icon="arrow-l" 左箭头 测试
data-icon="arrow-r" 右箭头 测试
data-icon="arrow-u" 上箭头 测试
data-icon="arrow-d" 下箭头 测试
data-icon="plus" 加 测试
data-icon="minus" 减 测试
data-icon="delete" 删除 测试
data-icon="check" 检查 测试
data-icon="home" 首页 测试
data-icon="info" 信息 测试
data-icon="grid" 网格 测试
data-icon="gear" 齿轮 测试
data-icon="search" 搜索 测试
data-icon="back" 后退 测试
data-icon="forward" 向前 测试
data-icon="refresh" 刷新 测试
data-icon="star" 星 测试
data-icon="alert" 提醒 测试

定位图标
您也能够规定图标被放置的位置:上、右、下或左。
请使用 data-iconpos 属性来规定位置:
图标位置:
<a href="#link" data-role="button" data-icon="search" data-iconpos="top">上</a>
<a href="#link" data-role="button" data-icon="search" data-iconpos="right">右</a>
<a href="#link" data-role="button" data-icon="search" data-iconpos="bottom">下</a>
<a href="#link" data-role="button" data-icon="search" data-iconpos="left">左</a>

如果只需显示图标,请将 data-iconpos 设置为 "notext":

猜你喜欢

转载自blog.csdn.net/qq_19872525/article/details/78871516