Web3.0 사이트에서 Best-Rate-Swap 기능을 사용해 보십시오.

3704 단어 htmljavascriptreactwebdev


오늘 저는 귀하의 사이트에 Arken 위젯을 구현하여 몇 줄의 코드로 토큰 보유자에게 원활한 교환 경험을 제공하는 방법을 보여드리고자 합니다.

<html>
  <head></head>
  <body>
    <div
      id="arken-root"
      data-chain="bsc"
      data-mode="dark"
      data-theme_color=""
      data-theme_text_color=""
      data-base_token_address=""
      data-quote_token_address=""
      data-external_top_token_address="[]"
      data-custom_image_token="{}"
      data-widget_type=""
      data-graph_range="1"
      data-max_width="637px"
      data-height="42.39%"
      data-background_color_light=""
      data-background_color_dark=""
    ></div>
    <script async src="https://widget.arken.finance/widget.js"></script>
  </body>
</html>


Arken Finance는 야심 찬 이니셔티브에 기여하고 노력하며 모든 사람의 이익을 위해 DeFi 부문을 발전시키는 것을 목표로 합니다. 우리는 동료 DeFi 프로젝트가 사용자에게 쉽고 간단한 사용자 경험을 제공하는 것을 보고 싶습니다!

따라서 이제 Arken의 "차트 및 스왑박스 위젯"을 무료로 웹사이트에 직접 통합할 수 있습니다. 당사의 위젯은 단순하고 아름다우며 사용자 정의가 가능하여 사용자에게 원활한 교환 경험을 제공합니다. 단계는 다음과 같습니다.

또는 직접 시도하십시오here .

사이트에서 Arken의 WIDGET을 얻는 방법



1단계: Arken'sWidget Customization Dashboard로 이동합니다.

2단계: 위젯의 표시 유형을 사용자 지정합니다. 1) 그래프만, 2) 스왑박스만, 3) 그래프와 스왑박스의 3가지 옵션을 사용할 수 있습니다. 원하는 위젯 유형과 기본 그래프 범위를 선택합니다. 사이트에 맞게 위젯의 너비와 높이를 조정할 수도 있습니다.



3단계: 기본 토큰을 선택합니다. 상단의 '교환' 표시줄을 클릭합니다. 토큰의 네트워크를 선택하십시오. 그런 다음 토큰 이름을 입력하거나 토큰 컨트랙트 주소를 입력하고 '항목 추가' 옵션을 클릭하여 기본 견적 토큰과 기본 기본 토큰을 선택합니다. 이미지 URL을 사용자 정의 이미지 URL 상자에 직접 붙여넣어 사용자 정의 이미지를 사용할 수도 있습니다.



4단계: 위젯의 스타일을 지정합니다. '스타일' 막대로 이동하여 원하는 테마(밝게 또는 어둡게) 및 색 구성표를 사용자 지정합니다.



5단계: '코드 가져오기' 버튼을 클릭합니다.



Step6: 2개의 코드 세트를 사용할 수 있습니다. HTML과 React에서. 이제 랜딩 페이지 또는 지정된 장소에 코드를 사용할 수 있습니다. 이제 모든 준비가 완료되었습니다!




커뮤니티에 참여하고 싶으신가요? 방문:
  • 디스코드: https://discord.gg/GPWDsEAaE7
  • 트위터:
  • 텔레그램: https://t.me/arkenfinance
  • 페이스북: https://www.facebook.com/arkenfinance
    • CSS 단위 - 렘 대 em
    Github Codespaces의 Svelte 및 TailwindCSS

    좋은 웹페이지 즐겨찾기

    개발자 우수 사이트 수집

    개발자가 알아야 할 필수 사이트 100선 추천 우리는 당신을 위해 100개의 자주 사용하는 개발자 학습 사이트를 정리했습니다
    best100-homepage