📅  最后修改于: 2023-12-03 14:47:23.122000             🧑  作者: Mango
Semantic-UI 提供了丰富的图标集,其中手和手势这个系列的图标,可以用来展示手势、指向、滚动等操作。
要使用 Semantic-UI 图标集,首先需要在网页中引入 Semantic-UI 样式库,并将图标字体文件下载到本地。然后,在 HTML 文件中使用 <i>
标签进行图标的引用,如下所示:
<link rel="stylesheet" type="text/css" href="https://cdn.jsdelivr.net/npm/semantic-ui/dist/semantic.min.css">
<link rel="stylesheet" type="text/css" href="https://cdn.jsdelivr.net/npm/semantic-ui-icon-fonts@2.0.10/css/icons.min.css">
<i class="hand paper outline icon"></i> // 手掌图标
<i class="eye icon"></i> // 眼睛图标
<i class="hourglass half icon"></i> // 沙漏图标
Semantic-UI 的手和手势系列图标,在表达手势、指示等方面具有较高的可用性。下面是该系列图标的详细介绍:
hand spock icon
- Spock 手势图标,表示胜利、成功等情形。hand scissors icon
- 剪刀手势图标,表示剪辑、截取等操作。hand rock icon
- 石头手势图标,表示力量、坚定等概念。hand pointer icon
- 指向手势图标,表示指明、指导等意图。hand peace icon
- 和平手势图标,表示和谐、平和等概念。hand paper outline icon
- 纸张手势图标,表示归档、保存等操作。hand lizard outline icon
- 蜥蜴手势图标,表示陷阱、欺骗等情形。thumbs up outline icon
- 点赞手势图标,表示喜爱、肯定等态度。thumbs down outline icon
- 踩踏手势图标,表示不喜欢、否定等态度。eye icon
- 眼睛图标,表示观察、监视等状态。video icon
- 摄像机图标,表示录制、拍照等操作。record icon
- 录音机图标,表示录音、记录等操作。volume down icon
- 降低音量图标,表示减小音量。volume up icon
- 增加音量图标,表示增大音量。microphone icon
- 麦克风图标,表示录音、通话等操作。phone icon
- 电话图标,表示拨打、接听等通话相关操作。Semantic-UI 图标集的手和手势系列,是非常实用的图标集。在开发网页应用时,我们可以使用这些图标来传达操作、状态等信息,以提高用户的使用体验。