14 lines
5.1 KiB
JSON
14 lines
5.1 KiB
JSON
{
|
||
"template_name": "科技风",
|
||
"description": "科技风",
|
||
"html_template": "<!DOCTYPE html>\n<html lang=\"zh-CN\" style=\"margin: 0; padding: 0; height: 100%;\">\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 <!-- 字体：Google Fonts \"Orbitron\" (科技/游戏感字体) -->\n <link rel=\"preconnect\" href=\"https://fonts.googleapis.com\">\n <link rel=\"preconnect\" href=\"https://fonts.gstatic.com\" crossorigin>\n <link href=\"https://fonts.googleapis.com/css2?family=Orbitron:wght@400;700&display=swap\" rel=\"stylesheet\">\n\n <!-- 图标：Font Awesome (确保您拥有有效的使用许可) -->\n <link rel=\"stylesheet\" href=\"https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.1/css/all.min.css\">\n\n <!-- 图表库CDN：根据需要选择使用 -->\n <!-- Chart.js -->\n <script src=\"https://cdn.jsdelivr.net/npm/chart.js\"></script>\n <!-- ECharts.js -->\n <script src=\"https://cdn.jsdelivr.net/npm/echarts@5.5.0/dist/echarts.min.js\"></script>\n <!-- D3.js -->\n <script src=\"https://d3js.org/d3.v7.min.js\"></script>\n</head>\n<body style=\"margin: 0; padding: 0; width: 100vw; height: 100vh; display: flex; justify-content: center; align-items: center; background-color: #000; overflow: hidden;\">\n\n <!-- 响应式比例容器：确保内容始终保持16:9 -->\n <div id=\"presentation-wrapper\" style=\"width: 100%; max-width: 1280px; aspect-ratio: 16 / 9; position: relative;\">\n\n <!-- 幻灯片主体 (1280x720固定设计尺寸) -->\n <!-- 所有内容和样式都应用于此容器内，以保证设计的像素级精确性 -->\n <div id=\"slide-container\" style=\"\n width: 100%; \n height: 100%; \n position: absolute;\n top: 0;\n left: 0;\n background: radial-gradient(circle, #1a2035 0%, #0a0c14 100%);\n color: #e0e0e0;\n font-family: 'Orbitron', sans-serif;\n display: flex;\n flex-direction: column;\n overflow: hidden; /* 核心要求：绝对禁止滚动条 */\n border: 1px solid rgba(0, 255, 255, 0.2);\n box-shadow: 0 0 25px rgba(0, 255, 255, 0.1);\n \">\n\n <!-- HUD风格边角装饰 -->\n <div class=\"corner-decorator\" style=\"position: absolute; top: 20px; left: 20px; width: 40px; height: 40px; border-top: 3px solid #00ffff; border-left: 3px solid #00ffff; box-shadow: 0 0 10px #00ffff inset;\"></div>\n <div class=\"corner-decorator\" style=\"position: absolute; top: 20px; right: 20px; width: 40px; height: 40px; border-top: 3px solid #00ffff; border-right: 3px solid #00ffff; box-shadow: 0 0 10px #00ffff inset;\"></div>\n <div class=\"corner-decorator\" style=\"position: absolute; bottom: 20px; left: 20px; width: 40px; height: 40px; border-bottom: 3px solid #00ffff; border-left: 3px solid #00ffff; box-shadow: 0 0 10px #00ffff inset;\"></div>\n <div class=\"corner-decorator\" style=\"position: absolute; bottom: 20px; right: 20px; width: 40px; height: 40px; border-bottom: 3px solid #00ffff; border-right: 3px solid #00ffff; box-shadow: 0 0 10px #00ffff inset;\"></div>\n\n <!-- 页面头部区域 -->\n <header style=\"padding: 30px 50px 20px 50px; flex-shrink: 0; display: flex; align-items: center;\">\n <h1 style=\"margin: 0; font-size: 36px; color: #00ffff; text-shadow: 0 0 8px #00ffff, 0 0 12px #00ffff; font-weight: 700; letter-spacing: 2px;\">\n <!-- 占位符: 页面标题 -->\n <i class=\"fas fa-gamepad\" style=\"margin-right: 15px; font-size: 32px; vertical-align: middle;\"></i>{{ page_title }}\n </h1>\n </header>\n\n <!-- 页面主要内容区域 -->\n <main style=\"flex-grow: 1; padding: 10px 60px 20px 60px; display: flex; flex-direction: column; min-height: 0;\">\n <!-- 占位符: 页面内容 -->\n <!-- 使用说明: 将您的文本、图片、图表等放入此div中 -->\n <!-- 图表示例: <canvas id=\"myChart\" style=\"max-width: 100%; max-height: 100%;\"></canvas> -->\n <div style=\"width: 100%; height: 100%; font-size: 18px; line-height: 1.8; color: #c0c0d0;\">\n {{ page_content }}\n </div>\n </main>\n\n <!-- 页面底部区域 -->\n <footer style=\"padding: 20px 50px; flex-shrink: 0; display: flex; justify-content: flex-end; align-items: center;\">\n <div style=\"font-size: 18px; color: #a0a0a0; letter-spacing: 1px;\">\n <!-- 占位符: 当前页码 / 总页数 -->\n <span>{{ current_page_number }}</span> / <span>{{ total_page_count }}</span>\n </div>\n </footer>\n\n </div>\n </div>\n\n</body>\n</html>",
|
||
"tags": [
|
||
"科技风"
|
||
],
|
||
"is_default": false,
|
||
"export_info": {
|
||
"exported_at": "2025-10-04T06:54:24.814Z",
|
||
"original_id": 14,
|
||
"original_created_at": 1755855138.9754753
|
||
}
|
||
} |