jQuery Mobile 图标

如需在 jQuery Mobile 中向按钮添加图标,请使用 data-icon 属性:

<a href="#anylink" data-role="button" data-icon="refresh">Refresh Page</a>

提示:您也可以在 <button> 或 <input> 元素中使用 data-icon 属性。

下面我们已列出 jQuery Mobile 提供的所有可用图标:

说明图标实例
action动作//img.mukewang.com/wiki/5bab2ad5092b390500350027.jpg试一试
alert警告//img.mukewang.com/wiki/5bab2ae009e4b4bf00280031.jpg试一试
audio视频 / 音频 / 扬声器//img.mukewang.com/wiki/5bab2afa0965ee1d00380036.jpg试一试
arrow-d-l左下角//img.mukewang.com/wiki/5bab2b1d0900fdbd00360030.jpg试一试
arrow-d-r右下角//img.mukewang.com/wiki/5bab2b2a09e341fa00330033.jpg试一试
arrow-u-l左上角//img.mukewang.com/wiki/5bab2b360905798100380028.jpg试一试
arrow-u-r右上角//img.mukewang.com/wiki/5bab2b41097d025f00350027.jpg试一试
arrow-l左箭头//img.mukewang.com/wiki/5bab2b6f09c7efc300420027.jpg试一试
arrow-r右箭头//img.mukewang.com/wiki/5bab2b7d09bafc0800350030.jpg试一试
arrow-u上箭头//img.mukewang.com/wiki/5bab2b8909b6189800340036.jpg试一试
arrow-d下箭头//img.mukewang.com/wiki/5bab2b9309e9a4dd00330033.jpg试一试
back返回//img.mukewang.com/wiki/5bab2b9f0971e90500350032.jpg试一试
bars栏目//img.mukewang.com/wiki/5bab2ba809d9248600340030.jpg试一试
bullets 栅栏//img.mukewang.com/wiki/5bab2bb209b8e07f00310026.jpg试一试
calendar日历//img.mukewang.com/wiki/5bab2bbd09f8854c00380033.jpg试一试
camera照相机//img.mukewang.com/wiki/5bab2bc709f7503600320032.jpg试一试
carat-d向下//img.mukewang.com/wiki/5bab2bfa091d037f00300031.jpg试一试
carat-l向左//img.mukewang.com/wiki/5bab2c27094906b500350025.jpg试一试
carat-r向右//img.mukewang.com/wiki/5bab2c3309a4718a00310029.jpg试一试
carat-u向上//img.mukewang.com/wiki/5bab2c4009a2e7bd00320026.jpg试一试
check验证标记//img.mukewang.com/wiki/5bab2c4b09e0305000280027.jpg试一试
clock时钟//img.mukewang.com/wiki/5bab2c550986ac4700320035.jpg试一试
cloud//img.mukewang.com/wiki/5bab2c61099bd63400310028.jpg试一试
comment评论//img.mukewang.com/wiki/5bab2c6d090b4dd600330032.jpg试一试
delete删除 (X)//img.mukewang.com/wiki/5bab2c770965d93600320028.jpg试一试
edit编辑 / 铅笔//img.mukewang.com/wiki/5bab2c8209731c1400310028.jpg试一试
eye眼睛//img.mukewang.com/wiki/5bab2c900903ec3800290029.jpg试一试
forbidden禁止标记//img.mukewang.com/wiki/5bab2c9b093f3a4900320026.jpg试一试
forward前进//img.mukewang.com/wiki/5bab2cf70985cf3600330026.jpg试一试
gear齿轮//img.mukewang.com/wiki/5bab2d02091bb6e800340028.jpg试一试
grid网格//img.mukewang.com/wiki/5bab2d3209d4904400310036.jpg试一试
heart心 / 爱 标志//img.mukewang.com/wiki/5bab2d410900dc7100390032.jpg试一试
home家(主页)//img.mukewang.com/wiki/5bab2d4c0946404f00340032.jpg试一试
info信息//img.mukewang.com/wiki/5bab2d59098ebc9600380029.jpg试一试
location定位 / GPS//img.mukewang.com/wiki/5bab2d650969483d00340034.jpg试一试
lock锁 / 挂锁//img.mukewang.com/wiki/5bab2d7209544b9c00340034.jpg试一试
mail邮件 / 信封//img.mukewang.com/wiki/5bab2d82093328cb00370033.jpg试一试
minus符号、减号//img.mukewang.com/wiki/5bab2d8d096b946300360032.jpg试一试
navigation导航//img.mukewang.com/wiki/5bab2da409e1711c00350033.jpg试一试
phone电话//img.mukewang.com/wiki/5bab2db00926387600370034.jpg试一试
power开关 (On/off)//img.mukewang.com/wiki/5bab2dbc090bf49300340035.jpg试一试
plus加号//img.mukewang.com/wiki/5bab2dc6091a089200380037.jpg试一试
recycle回收//img.mukewang.com/wiki/5bab2dd6099f7eae00410035.jpg试一试
refresh刷新//img.mukewang.com/wiki/5bab2de3099bf02d00340041.jpg试一试
search搜索//img.mukewang.com/wiki/5bab2ded09632bd400400035.jpg试一试
shop商店、钱包、手提袋//img.mukewang.com/wiki/5bab2df509e28ed000350034.jpg试一试
star星号//img.mukewang.com/wiki/5bab2dfe09f42a1200400034.jpg试一试
tag标签//img.mukewang.com/wiki/5bab2e0b09b40bd600400035.jpg试一试
user用户//img.mukewang.com/wiki/5bab2e130940446800380035.jpg试一试
video摄像机//img.mukewang.com/wiki/5bab2e2a09c778e500340036.jpg试一试


本内容均来自互联网,仅供参考,如有侵权请及时通知本站予以删除。邮箱:wiki#imooc.com (#改成@)

意见反馈 帮助中心 APP下载
官方微信