tweemeterstudio / payment-icons
具有font-awesome风格的标记的支付提供者图标。
0.4
2020-05-01 00:04 UTC
This package is auto-updated.
Last update: 2024-09-29 05:36:20 UTC
README
具有类似font-awesome风格的标记的支付提供者图标。演示:https://jaspervandermeer.com/payment-icons/
描述
这为在您的网站或应用程序中包含支付提供者图标提供了一种简单的方法。获取受支持的支付提供者列表总是很麻烦,所以我们通常会求助于Google图片来偷别人的作品 - 我知道你这样做过,就像我一样。
由于偷窃是错误的,我决定停止从Google图片中偷图标,而是利用来自Behance的某人的创意作品,而Behance反过来又包括从提供支付服务的公司那里偷来的艺术品,这些公司拥有昂贵的律师等等。所以,请阅读下面的免责声明。这一切都是为了一个美好的目的:让更多的人使用您的支付服务。
安装
简单模式:Composer
通过composer安装: composer require tweemeterstudio/payment-icons
检查您的composer.json文件中是否存在此行
{
"require": {
"tweemeterstudio/payment-icons": "0.*"
}
}
也很简单模式:手动下载
下载此存储库的zip文件,将其文件夹提取到您的项目中。
在项目中集成
在您的文档的<head>
中包含以下行
<link href="/path/to/payment-icons/payment-icons.min.css">
在包含payment-icons.min.css
文件时,您需要注意/path/to/
部分。CSS文件和/assets
文件夹应位于同一目录中!
使用方法
要使用支付图标,您只需包含以下内容到您的页面中
<ins class="pi-payment-icons">
<i class="pi pi-paypal"></i>
<i class="pi pi-mastercard"></i>
<i class="pi pi-ideal"></i>
</ins>
,其中<i>
元素的类决定了显示哪些支付提供者图标。下面列出了所有可用的支付提供者和相应的CSS类。
可用支付提供者和其对应的CSS类列表
免责声明
所有标志、设计、品牌和名称均为其各自所有者所有。原始图标设计由Spektrum 44在Behance上完成。
谢谢 💙