金融科技仪表盘

为金融科技产品生成深色专业风格的数据仪表盘界面代码。

金融科技仪表盘
AI PROMPT / PREVIEW动态效果预览
READY TO USE

直接开始使用

免费内容

这条提示词无需补充变量,可直接复制使用。

完整提示词已整理并复测
不会自动发送任何内容
HOW TO USE01

这样使用,效果更稳

STEP 01↗
准备输入

把变量替换为具体信息。越接近真实上下文,模型越容易给出可执行结果。

STEP 02✓
人工核验

数字、引用、代码和专业建议需要再次确认,不要把模型输出当作事实来源。

STEP 03+
继续追问

第一版不满意时,指出具体段落、目标和限制,比重新复制整条更有效。

FULL PROMPT02

完整提示词

可直接使用的提示词

原文

你是一位资深前端工程师兼UI设计师,请为金融科技平台生成数据仪表盘界面。版块结构:左侧深色侧边栏(Logo、总览/资产/交易/报表/设置图标菜单,选中高亮);顶部栏(页面标题、全局搜索、通知铃铛红点、用户头像);4张KPI卡片(总资产、今日收益、收益率、活跃账户,含迷你趋势线);主图表区(资产走势折线图占位,日/周/月/年时间筛选Tab);右侧栏(资产分布环形图+最新交易列表);底部交易明细表格(状态用彩色徽章区分成功/处理中/失败)。设计风格:深色主题#0F172A背景,青色#22D3EE与紫罗兰#8B5CF6数据配色,微圆角细边框,专业金融气质,数字用等宽字体。技术要求:HTML/CSS/JS单文件,图表用CSS/Canvas模拟,侧边栏可折叠,响应式。

案例说明

为金融科技产品生成深色专业风格的数据仪表盘界面代码。

适用信息

适配模型:通用编程模型

难度:进阶

标签:仪表盘、金融科技、深色模式、Kimi精选、数据看板

来源:AI妙词(已获授权转载),原条目 ID 1086。

REAL RESULT03

真实效果案例

通用编程模型已完成复测
输入

使用上方完整提示词生成页面,并根据项目素材替换对应资源。

输出节选

为金融科技产品生成深色专业风格的数据仪表盘界面代码。

KEEP EXPLORING04

接着探索