LI.FI 小工具

在 5 分钟内将 Li.Fi 添加到您的 Dapp。

您已经可以在您的网站上使用 Li.Fi 小部件。 iFrame 解决方案可让您在 5 分钟内将其添加到您的网站，并确保您的用户始终可以访问最新版本的 Li.Fi。它是可配置的以适合您的用例和令牌。

Li.Fi Swap 标记应添加到 head 标记顶部附近，并且位于任何其他脚本或 CSS 标记之前。使用您希望使用的链和模式调整选项对象。

<!-- Li.Fi Swap -->
  <script>
    window.lifi = window.lifi || function () { (lifi.q = lifi.q || []).push(arguments) }; lifi.l = +new Date;
    lifi('init', { mode: 'drawer', options: { fromChain: 'eth' } })
  </script>
  <script async src='https://li.finance/widget.js'></script>
<!-- End Li.Fi Swap -->

上面的代码主要做了三件事：

添加一个元素，该元素开始从 https://li.finance/widget.js 异步下载 widget.js JavaScript 库
初始化一个全局 lifi 函数（称为 lifi() 命令队列），该函数允许您安排在加载 widget.js 库并准备就绪后运行的命令。
根据提供的配置对象，将命令添加到 lifi() 命令队列以初始化新的交换抽屉或视图。

lifi 函数的第二个参数是配置对象。您可以将其更改为预填充目标令牌和目标链。

// Swap 100 MAGIC from Arbitrum to AAVE on Polygon
{
    mode: 'drawer', // drawer | inline,
    elementId: 'lifi-widget', // element id to render iframe, required for inline mode and can be omitted in a drawer one
    buttonText: 'Li.Fi Swap', // optional for drawer mode if you want to change default button text
    options: {
      fromChain: 'arb',
      fromToken: '0x539bde0d7dbd336b79148aa742883198bbf60342',
      toChain: 'pol',
      toToken: '0xd6df932a45c0f255f85145f286ea0b292b21c90b',
      fromAmount: 100,
    },
  }

下面的示例显示了带有浮动操作按钮的抽屉模式视图的配置。

要以内联模式嵌入 iframe，您需要在要显示它的位置插入带有 id="lifi-widget" 的 div。 lifi-widget 是 id 的默认名称，您可以通过在配置对象中设置 elementId 属性来更改它。

// ...
<div id="lifi-widget"></div>
// ...

交换选项（所有可选）

参数

描述

示例

fromChain

链 ID 或链缩写（如果留空，将选择用户当前在 Metamask 上的链）

ARB

fromToken

代币合约地址

0x539bde0d7dbd336b79148aa742883198bbf60342

toChain

链 ID 或链缩写

POL

toToken

代币合约地址

0xd6df932a45c0f255f85145f286ea0b292b21c90b

fromAmount

浮点值

250.5

支持的链和缩写

您可以使用下面给出的链 ID (1) 或链缩写 (ETH)。

PreviousLI.FI 链接参数化

Last updated 3 years ago

 <script> window.lifi = window.lifi || function () { (lifi.q = lifi.q || []).push(arguments) }; lifi.l = +new Date; lifi('init', { mode: 'drawer', options: { fromChain: 'eth' } }) </script> <script async src='https://li.finance/widget.js'></script> 

// Swap 100 MAGIC from Arbitrum to AAVE on Polygon { mode: 'drawer', // drawer | inline, elementId: 'lifi-widget', // element id to render iframe, required for inline mode and can be omitted in a drawer one buttonText: 'Li.Fi Swap', // optional for drawer mode if you want to change default button text options: { fromChain: 'arb', fromToken: '0x539bde0d7dbd336b79148aa742883198bbf60342', toChain: 'pol', toToken: '0xd6df932a45c0f255f85145f286ea0b292b21c90b', fromAmount: 100, }, }