
Critso - Crypto Dashboard HTML Template
# 项目简介
Critso 是一套基于 Bootstrap 的加密货币交易仪表盘静态模板,包含仪表盘首页、钱包管理、交易记录、账户设置、登录注册等完整页面,适合快速搭建加密货币交易平台或钱包管理系统的 UI 原型。
## 技术栈
- Bootstrap 5
- jQuery
- ApexCharts(图表可视化)
- SCSS(样式预处理)
- Icomoon(图标字体)
## 项目结构
```
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
FAQ
Comments0
PublishedJan 20, 2026
Tech Stack
HTML