项目简介
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 完成数据联调。
