Foundation 下拉菜单
Foundation 下拉菜单允许用户从预定义的下拉列表中选取一个值:
实例
Dropdown Button
Link 1
Link 2
Link 3
$(document).ready(function() {
$(document).foundation();})
实例解析
.dropdown 类为按钮添加一个向下的箭头符号”图标。
使用按钮或链接的 data-dropdown="id" 属性来打开下拉菜单。
id
压缩的应用程序图标PoC
在将应用程序图标显示在屏幕上之前,先对其进行压缩
这是用于加载大量具有少量颜色的图像。 它通过创建调色板并将颜色索引保存在数组中来工作。
执照:GPL3
Deadlines, a simple app for managing deadlines
Copyright (C) 2020 Emmanuel Messulam
This program is free software: you can redistribute it and/or modify
it
Foundation 图标参考手册
Foundation 图标
Foundation 提供了 283 图标,你可以使用 CSS 来渲染她们:修改大小和颜色。
图标创建语法格式如下:
语法中 name 部分为图标指定的名称。
要使用图标,你可以将图片的样式文件放置在页面头部 部分:
以上是软件开发网使用的图标样式类,大家可以共用。
点我在新页面中查看图标。
Foundation 图标
Foundation 提供了 283 个图标,你可以使用css来定义它的样式尺寸。
图标可用于文本,按钮,工具条,导航栏,表单等。
以下是 Foundation 图标的实例:
刷新按钮:
检测图标:
主页图标:
图标语法
创建图标语法格式如下:
name 部分替换为图标的名字。
要使用图标我们需要在 部分添加图标的样式文件:
Icon 实例
以下演示了使用图标的实例:
实例
Cloud icon:
Cloud icon as a l