昨天用 AI 搞了一天,今天汇报完,效果还不错,所以分享给各位佬友当成汇报模板。
基本上都做了敏感信息的脱敏处理,可以查看部署在 EdgeOne Pages 上的演示网页。
演示地址如下:
代码地址如下:
madlifer/BentoGrid-Html-Slide: A Bento Grid Style Slide template.
![]() |
1
lnkn 15 天前
页面很简约,感谢
|
![]() |
2
billzhuang 15 天前 via iPhone
内容大于形式
第二,苹果啥时候这风格了 |
![]() |
3
xshwy 15 天前 ![]() 可以用下面的 Prompt 在 Deepseek 中生成同样的风格
--- 帮我将下面横线下方的数据信息生成网页,不要遗漏信息 根据上面内容生成一个 HTML 动态网页 1. 使用 Bento Grid 风格的视觉设计,纯白色底色配合#ff397a 颜色作为高亮 2. 强调超大字体或数字突出核心要点,画面中有超大视觉元素强调重点,与小元素的比例形成反差 3. 中英文混用,中文大字体粗体,英文小字作为点缀 4. 简洁的勾线图形化作为数据可视化或者配图元素 5. 运用高亮色自身透明度渐变制造科技感,但是不同高亮色不要互相渐变 6. 模仿 apple 官网的动效,向下滚动鼠标配合动效 8. 数据可以引用在线的图表组件,样式需要跟主题一致 9. 使用 Framer Motion (通过 CDN 引入) 10. 使用 HTML5 、TailwindCSS 3.0+(通过 CDN 引入)和必要的 JavaScript 11. 使用专业图标库如 Font Awesome 或 Material Icons (通过 CDN 引入) 12. 避免使用 emoji 作为主要图标 13. 不要省略内容要点 --- 数据内容: <在这里写要整理的数据内容> |
4
felixsama969 14 天前
没看出苹果味
|