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/

Demo

描述

这为在您的网站或应用程序中包含支付提供者图标提供了一种简单的方法。获取受支持的支付提供者列表总是很麻烦,所以我们通常会求助于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 44Behance上完成。

谢谢 💙