Add File
This commit is contained in:
24
template_examples/五彩斑斓的黑.json
Normal file
24
template_examples/五彩斑斓的黑.json
Normal file
@@ -0,0 +1,24 @@
|
|||||||
|
{
|
||||||
|
"template_name": "五彩斑斓的黑",
|
||||||
|
"description": "以深邃的黑色或暗色调为基底，巧妙地融入了霓虹、渐变、镭射等五彩斑斓的光影元素。它旨在创造一种既神秘、高级，又不失活力与未来感的视觉冲击力。",
|
||||||
|
"html_template": "<!DOCTYPE html>\n<html lang=\"zh-CN\" style=\"background-color: #000000;\">\n<head>\n <meta charset=\"UTF-8\">\n <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\n <title>五彩斑斓的黑 - PPT模板</title>\n \n <!-- 字体依赖已移除 -->\n \n <!-- 图标: Font Awesome (已替换为国内CDN) -->\n <link rel=\"stylesheet\" href=\"https://cdn.bootcdn.net/ajax/libs/font-awesome/6.5.1/css/all.min.css\">\n \n <!-- 图表库 (占位符, 已替换为国内CDN, 请根据需要取消注释或替换) -->\n <!-- <script src=\"https://cdn.bootcdn.net/ajax/libs/Chart.js/4.4.1/chart.umd.js\"></script> -->\n <!-- <script src=\"https://cdn.bootcdn.net/ajax/libs/echarts/5.5.0/echarts.min.js\"></script> -->\n <!-- <script src=\"https://cdn.bootcdn.net/ajax/libs/d3/7.9.0/d3.min.js\"></script> -->\n</head>\n<body style=\"\n margin: 0; \n padding: 0; \n display: flex; \n align-items: center; \n justify-content: center; \n min-height: 100vh; \n /* 使用通用的高质量系统字体栈 */\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans SC', 'Microsoft YaHei', 'PingFang SC', sans-serif; \n overflow: hidden;\n\">\n\n <!-- 外部容器: 用于在页面中居中并限制最大宽度 -->\n <div id=\"presentation-wrapper\" style=\"width: 100%; max-width: 1280px; padding: 1rem;\">\n \n <!-- 比例容器: 使用 padding-top 技巧强制维持 16:9 的宽高比 -->\n <div id=\"slide-container\" style=\"position: relative; width: 100%; height: 0; padding-top: 56.25%; /* 9 / 16 = 0.5625 */\">\n \n <!-- 幻灯片实际内容画布 (1280x720) -->\n <div id=\"slide-content\" style=\"\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n background-color: #111827;\n /* 背景辉光效果，营造“五彩斑斓”的氛围 */\n background-image: radial-gradient(circle at 100% 0%, rgba(167, 139, 250, 0.15), transparent 40%),\n radial-gradient(circle at 0% 100%, rgba(59, 130, 246, 0.15), transparent 40%);\n color: #E5E7EB;\n border-radius: 8px; /* 轻微的圆角，增加现代感 */\n overflow: hidden;\n display: flex;\n flex-direction: column;\n box-shadow: 0 20px 50px rgba(0, 0, 0, 0.5);\n box-sizing: border-box; /* 确保 padding 不会影响尺寸 */\n \">\n\n <!-- 1. 页面标题区域 -->\n <header style=\"padding: 40px 60px 20px 60px; flex-shrink: 0;\">\n <h1 style=\"\n font-size: 48px; /* 基于1280px宽度设计 */\n font-weight: 700;\n margin: 0;\n line-height: 1.2;\n /* 渐变色标题，核心视觉元素 */\n background: linear-gradient(90deg, #A78BFA, #3B82F6);\n -webkit-background-clip: text;\n -webkit-text-fill-color: transparent;\n background-clip: text;\n text-fill-color: transparent;\n \">{{ page_title }}</h1>\n </header>\n\n <!-- 2. 页面主要内容区域 -->\n <main style=\"\n padding: 0 60px 60px 60px;\n flex-grow: 1; /* 占据剩余所有空间 */\n overflow: hidden; /* 内容超高时隐藏，不允许滚动 */\n font-size: 20px; /* 基于1280px宽度设计 */\n line-height: 1.6;\n \">\n <!-- 内容占位符 -->\n {{ page_content }}\n </main>\n\n <!-- 3. 页脚区域 (页码) -->\n <footer style=\"\n position: absolute;\n bottom: 30px;\n right: 60px;\n font-size: 16px;\n color: #6B7281;\n \">\n <span>{{ current_page_number }}</span> / <span>{{ total_page_count }}</span>\n </footer>\n\n </div>\n </div>\n </div>\n</body>\n</html>",
|
||||||
|
"tags": [
|
||||||
|
"科技感",
|
||||||
|
"未来主义",
|
||||||
|
"赛博朋克",
|
||||||
|
"黑色",
|
||||||
|
"暗黑",
|
||||||
|
"霓虹",
|
||||||
|
"渐变",
|
||||||
|
"视觉冲击",
|
||||||
|
"酷炫",
|
||||||
|
"简约",
|
||||||
|
"高级"
|
||||||
|
],
|
||||||
|
"is_default": false,
|
||||||
|
"export_info": {
|
||||||
|
"exported_at": "2025-10-04T06:51:32.173Z",
|
||||||
|
"original_id": 11,
|
||||||
|
"original_created_at": 1755685358.599486
|
||||||
|
}
|
||||||
|
}
|
||||||
Reference in New Issue
Block a user