多功能代币前端模板

空投领取闪兑兑换质押收益 放到一个页面里。

已按 BNB Chain 场景设计,可直接部署为活动页 / 项目官网 / DApp 门户。 适合新发行代币快速上线展示,后续只需替换合约地址与 ABI 即可继续开发真实交互。

默认模板为前端演示版,已预留钱包连接、链切换、数据卡片、操作弹窗与配置入口。
当前网络
BNB Smart Chain
未连接
代币名称 Vertex (VTX)
空投池 2,500,000 VTX
基础 APY 38%
默认交易对 USDT / VTX
钱包地址
尚未连接钱包
模块 01 空投领取

支持资格提示、任务列表、领取进度、领取按钮。

模块 02 闪兑兑换

支持币种切换、价格预估、滑点设置、钱包联动。

模块 03 质押收益

支持多个锁仓档位、APY 展示、存取和收益领取。

Airdrop

领取空投

演示模块
连接钱包

连接 Binance Wallet / OKX Wallet / MetaMask

已预置
关注项目社媒

可替换为 Telegram / X / 社群任务

可编辑
达到最低持仓

例如持有 ≥ 100 USDT 或 ≥ 10,000 VTX

可编辑
单地址可领 1,000 VTX
领取状态 待连接钱包
接入真实空投合约后,可在 app.js 中绑定 claim() 方法。
Swap

闪兑兑换

参考价格1 USDT ≈ 10,000 VTX
手续费0.30%
最低收到0 VTX
模板仅演示界面与交互逻辑;接真实池子可对接 PancakeSwap Router 或你自己的池子合约。
Staking

质押收益

三档位示例
Flexible 38% APY

灵活存取,适合做基础活期质押。

30 Days 68% APY

30 天锁仓,收益更高。

90 Days 120% APY

适合活动期冲刺推广。

钱包余额:0 VTX
已选周期灵活存取
预估年化38%
预估日收益0 VTX
Guide

接入说明

1. 钱包连接

默认支持浏览器内注入钱包。若要兼容 WalletConnect,请在 app.js 中填入你自己的 Project ID 并接入对应 SDK。

2. 闪兑逻辑

可对接 PancakeSwap Router、0x API、1inch API,或改成你自己的路由/池子合约。

3. 质押逻辑

在配置区填入 staking 合约地址和 ABI 后,把 stake / unstake / claim 的调用函数替换成真实方法即可。

4. 空投逻辑

可根据白名单、Merkle 树、社媒任务结果或后端接口判断领取资格。