AI 模型价格 Widget

一行代码，在你的网站嵌入 AI 模型实时价格对比卡片。免费、轻量、自动适配暗色模式。

实时预览

卡片效果（实际嵌入效果）

复制代码

嵌入代码（复制粘贴即可）

把下面这行代码粘贴到你网页中想要显示卡片的位置即可。

<iframe src="https://www.htmlcode.fun/s/ai-cost-widget?embed=1" 
    style="border:none;width:100%;max-width:540px;height:440px" 
    title="AI 模型价格对比"></iframe>

配置选项

调整高度

如果你网站的宽度较窄，可以调整 max-width 和 height：

<!-- 移动端优化的高度 -->
<iframe src="https://www.htmlcode.fun/s/ai-cost-widget?embed=1" 
    style="border:none;width:100%;max-width:520px;height:420px"></iframe>

<!-- 紧凑版（去掉底部链接，适合侧边栏） -->
<iframe src="https://www.htmlcode.fun/s/ai-cost-widget?embed=1" 
    style="border:none;width:100%;max-width:400px;height:380px"></iframe>

特性

为什么用这个 Widget？

⚡

超轻量

纯 HTML/CSS，零 JS 依赖

自动暗色模式

跟随系统主题自动切换

iframe 隔离

不会污染你网站的样式

响应式设计

手机/平板/桌面完美适配

实时数据

2026 年 6 月最新价格

完全免费

无需注册，无需 API Key