Critso - 加密仪表板 HTML 模板 preview 1

Critso - 加密仪表板 HTML 模板

bookmark

Critso 是一套基于 Bootstrap 的加密货币交易仪表盘静态模板,包含仪表盘首页、钱包管理、交易记录、账户设置、登录注册等完整页面,适合快速搭建加密货币交易平台或钱包管理系统的 UI 原型。

HTML

项目简介

Critso 是一套基于 Bootstrap 的加密货币交易仪表盘静态模板,包含仪表盘首页、钱包管理、交易记录、账户设置、登录注册等完整页面,适合快速搭建加密货币交易平台或钱包管理系统的 UI 原型。

技术栈

  • Bootstrap 5
  • jQuery
  • ApexCharts(图表可视化)
  • SCSS(样式预处理)
  • Icomoon(图标字体)

项目结构

text
critso/
  index.html          # 仪表盘首页
  account.html        # 账户页面
  my-wallet.html      # 我的钱包
  transaction.html    # 交易记录
  exchange.html       # 交易兑换
  crypto.html         # 加密货币详情
  settings.html       # 设置页面
  notifications.html  # 通知中心
  message.html        # 消息页面
  sign-in.html        # 登录
  sign-up.html        # 注册
  css/
    bootstrap.css     # Bootstrap 核心样式
    styles.css        # 自定义样式
    animation.css     # 动画样式
  scss/               # SCSS 源文件
  js/
    main.js           # 核心交互逻辑
    theme-settings.js # 主题配置
  icon/               # Icomoon 图标字体

核心文件说明

  • index.html — 仪表盘首页,包含侧边导航、统计卡片和交易图表
  • css/styles.css — 主要业务样式,定义暗色主题和组件布局
  • scss/abstracts/_variable.scss — SCSS 变量定义,包含颜色体系和字体配置
  • js/main.js — jQuery 交互逻辑,实现侧边栏折叠、密码显示、计数器动画等功能
  • icon/style.css — Icomoon 图标字体的 class 定义(Bitcoin、Ethereum 等加密图标)

快速开始

直接用浏览器打开 critso/index.html 即可预览所有页面,无需安装任何依赖。

使用建议

可直接作为加密货币交易所或 Web3 应用的前端 UI 框架使用;模板包含暗色主题配置和完整的响应式布局,建议结合后端 API 完成数据联调。

help_outline

常见问题