基于谷歌材料调色板的卡片样式
Posted
tags:
中文标题：基于谷歌材料调色板的卡片样式 原文标题：Card style based on Google Material color palette 项目评级：Star:399 Fork:129 下载地址：https://github.com/marlenesco/material-cards 详情介绍材料卡片
基于谷歌材料调色板和jQuery的简单用户卡。
Codepen.io上的工作演示
更少的文件
material-cards.less
gm-variables.less
mixin.less
material-color.less
material-cards.less是主要的.less文件，包括其他较少的文件。
gm-variables.less包含所有带有颜色强调的调色板。
mixin.less包含一些实用程序。
material-color.less包含基于gm-variables.less的材料颜色变体
安装
您可以下载完整的软件包并查看演示文件夹以获取实现示例，也可以使用bower：
bower install material-cards
演示文件需要字体真棒
用法
材料卡必须与jQuery一起使用。
您可以选择是否将其用作jQuery插件。这两种用途的演示都可以在demos文件夹中找到。将其用作jQuery插件可以简化选项、方法和事件的管理，实现完全自定义。
在js/文件夹中，您可以找到两个文件：jquery.material-cards.js和jquery.material-cards.min.js
初始化jQuery物料卡
选项
图标来自Font Awesome，fa-spin-fast类似于fa-spin，但旋转速度更快。
默认的card_activator是按钮卡上的点击事件，但您也可以使用悬停（此选项可移除按钮）。
方法
toggle：更改所选物料卡片状态
open：打开所选物料卡片
close：关闭所选物料卡片
isOpen：检查物料卡状态，返回true或false
事件
示例
材料卡和砖石网格库
checkdemo/material-cards_jquery-plugin_masonry.html没有固定高度的材料卡（使用这个较少的文件less/material-cards-auto-height.less）和很棒的javascript Masonry网格库。
xml 材料设计调色板Colors.xml Android的资源文件