📅 最后修改于: 2023-12-03 14:51:57.213000 🧑 作者: Mango
jQuery Mobile 提供了一种称为图标的简单方法来添加 icon 到 UI 控件。下面是如何使用 jQuery Mobile 制作减号图标的步骤。
在 <head> 中引入 jQuery Mobile 库：
<head>
<link rel="stylesheet" href="https://code.jquery.com/mobile/1.4.5/jquery.mobile-1.4.5.min.css">
<script src="https://code.jquery.com/jquery-3.5.1.min.js"></script>
<script src="https://code.jquery.com/mobile/1.4.5/jquery.mobile-1.4.5.min.js"></script>
</head>
将减号图标添加到按钮或链接中，只需设置 data-icon 属性为 "minus"：
<a href="#" data-role="button" data-icon="minus">删除</a>
如果您想使用自定义图标，您可以使用 ui-icon-minus 类。例如，以下 CSS 可以将 - 符号作为图标：
.ui-icon-minus:before {
content: "-";
}
然后，将 data-icon 属性设置为 "minus"：
<a href="#" data-role="button" data-icon="minus" class="ui-nodisc-icon">删除</a>
在此示例中，class="ui-nodisc-icon" 是必需的，因为我们已经通过 CSS 添加了自定义图标，而不想显示默认的 UI 图标。
使用 jQuery Mobile，制作减号图标非常简单。您只需使用 data-icon 属性设置 "minus" 即可轻松添加现成的图标，或自定义使用 ui-icon-minus 类以添加自定义图标。