Dex Hunter - 交换组件

如何使用库( 用 React)

1. 安装软件包 :

   npm i @dexhunterio/swaps
   

2. 导入到您的代码 2.1. 反应JS:

     import '@dexhunterio/swaps/lib/assets/style.css'
     import Swap from '@dexhunterio/swaps'
     ...
   

   2.2. 下一期司法调查:

   "use client";
   import '@dexhunterio/swaps/lib/assets/style.css'
   const Swap = dynamic(() => import("@dexhunterio/swaps"), {
       ssr: false,
   });
   ...
   

3. 使用交换组件 :

   function App() {
     return (
       <div>
         <Swap {...settings} />
       </div>
     );
   }
   

如何使用库( 与 VanilaJS)

• 头部标记

  <head>
    ...
    <script
      src="https://unpkg.com/[email protected]/umd/react.production.min.js"
      crossorigin
    ></script>
    <script
      src="https://unpkg.com/[email protected]/umd/react-dom.production.min.js"
      crossorigin
    ></script>
    <script
      type="module"
      src="https://unpkg.com/@dexhunterio/[email protected]/lib/umd/swaps.umd.js"
    ></script>
    ...
  </head>
  

• 在身体标记中 :

  ...
  <div id="dexhunter"></div>
  <script type="module">
    ReactDOM.render(
      React.createElement(dexhunterSwap, {
        orderTypes: ['SWAP', 'LIMIT', 'DCA'],
        theme: 'light',
      }),
      document.getElementById('dexhunter')
    );
  </script>
  ...
  

可用的道具 :

需要吗 |:相去也;相去也;相去也;相去也;相去也;相去也;相去也;相去也;相去也;相去也;相去也;相去也;相去也;相去也;相去也;相去也 默认 Token 虚构 QQ 字符串 QQ - 要选择的默认符号 。 | 宽度 虚度 px – 组件的宽度 。 接受像素值或百分比值 高度 假的 px – 组件的高度 。 接受像素值或百分比值 {\fn黑体\fs22\bord1\shad0\3aHBE\4aH00\fscx67\fscy66\2cHFFFFFF\3cH808080}==================================================================================================================== 组成部分主题. 可以是"黑暗"或"光" QQ 命令 Types QQ 假 QQ 阵列 ['SWAP', 'LIMIT'] QQ 由组件支持的顺序类型。 默认为“ SWAP” 和“ LIMIT ” 。 QQ -=YTET -伊甸园字幕组=- 翻译: 用于搜索的数组代号 。 @ @ info QQ伴侣Name 真实的QQ字符串 QQ - 合伙人名称. 这是一个需要的领域。 | =========== =================================================================================================================================================================================================================================================== 这是一个需要的领域。 | QQ 颜色 QQ 错误 QQ 对象 QQ - 支持的颜色 : mainText, (中文(简体) ), subText, (中文(简体) ), background, (中文(简体) ), containers, (中文(简体) ), buttonText, (中文(简体) ), accent。 。 。 QQ 类Name QQ 假的 CSS 类 。 | QQ 样式 QQ 虚构对象 QQ - 组件的内置样式 。 @ info 在SwapSuccess上 QQ虚假的QQ( 数据: 任何) 空虚 QQ - 成功互换时调回函数 。 @ @ info 在 SwapError 上 QQ 假的QQ( err: 任何) 虚空 QQ - 在互换错误时调回函数 。 @ @ @ info * * 选中的Wallet * 虚假 * 选中的Wallet * - * * 用户选择的钱包 。 接受指定的钱包标识符之一。 支持的钱包 : nami, (中文(简体) ), eternl, (中文(简体) ), flint, (中文(简体) ), gerowallet, (中文(简体) ), typhoncip30, (中文(简体) ), nufi, (中文(简体) ), lace, (中文(简体) ), vespr, (中文(简体) ), begin,以及 yoroi。 。 。 QQ 输入 QQ 假的 QQ 字符串 [] - QQ 输入字段 在WalletConnect上 虚构的 QQ (数据: 任何) 无效的 QQ - 当钱包连接时调回函数 。 | 在 ClickWalletConnect 上,虚构的QQ () 空虚的QQ - 点击钱包连接按钮时触发的QQ 在ViewOrder上的QQ 假的QQ (数据: 任何) 虚空QQ - 点击查看命令按钮时触发QQ {\fn黑体\fs22\bord1\shad0\3aHBE\4aH00\fscx67\fscy66\2cHFFFFFF\3cH808080}显示Type {\fn黑体\fs22\bord1\shad0\3aHBE\4aH00\fscx67\fscy66\2cHFFFFFF\3cH808080}虚构的"BUTTON" | "拒绝" | “ WIDGET” QQ“ DEFAULT” 显示类型 QQ QQ 按钮文本 QQ 错误的 QQ 字符串 交换 QQ 按钮文本 当显示 Type = “ BUTTON ” 时 QQ ============================================================================================================================================================================== | "LIMIT" (英语) | “ DCA ” QQ“ SWAP ” 显示 Tab 时的默认 QQ 默认设置 QQ 错误 { is CustomSlippage? : boolean; is AutomaticSlippage? : boolean; slippage: number;} {} - 设置默认 {} * 自动焦点 * * 假 * * 布尔 * * 假 * * * 自动 专注于在页面装入 * * 时销售输入