14 lines
8.9 KiB
JSON
14 lines
8.9 KiB
JSON
|
{
|
|||
|
|
"template_name": "饺子风",
|
|||
|
|
"description": "饺子风",
|
|||
|
|
"html_template": "<!DOCTYPE html>\n<html lang=\"zh-CN\">\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 <!-- 字体与图标库 (CDN) -->\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=Noto+Sans+SC:wght@400;700&display=swap\" rel=\"stylesheet\">\n <link rel=\"stylesheet\" href=\"https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.1/css/all.min.css\">\n\n <!-- 图表库 (CDN) - 按需引入 -->\n <script src=\"https://cdn.jsdelivr.net/npm/chart.js\"></script>\n <script src=\"https://cdn.jsdelivr.net/npm/echarts@5.5.0/dist/echarts.min.js\"></script>\n <script src=\"https://d3js.org/d3.v7.min.js\"></script>\n\n <style>\n /* --- 基础与布局 --- */\n html, body {\n margin: 0;\n padding: 0;\n width: 100%;\n height: 100%;\n background-color: #333; /* 模拟PPT放映时的深色背景 */\n display: flex;\n justify-content: center;\n align-items: center;\n font-family: 'Noto Sans SC', sans-serif;\n }\n\n /* 响应式容器，严格控制16:9比例 */\n .slide-container {\n width: 100%;\n max-width: 1280px;\n aspect-ratio: 16 / 9; /* 现代CSS方法保持宽高比 */\n position: relative;\n box-shadow: 0 10px 30px rgba(0,0,0,0.3);\n }\n\n /* 幻灯片主画布 (1280x720) */\n .slide {\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n background-color: #F5EFE6; /* 温暖的米白色，像面皮 */\n overflow: hidden; /* 核心要求：绝对不允许出现滚动条 */\n display: flex;\n flex-direction: column;\n color: #4A4A4A; /* 主要文字颜色 */\n box-sizing: border-box; /* 确保padding在尺寸内 */\n }\n\n /* --- 装饰元素 --- */\n /* 顶部装饰：模拟饺子褶皱的柔和波浪 */\n .header-wave {\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n z-index: 1;\n }\n \n /* 背景点缀：模拟酱油碟或水渍的圆形 */\n .slide::before {\n content: '';\n position: absolute;\n bottom: -80px;\n right: -80px;\n width: 300px;\n height: 300px;\n background-color: #E8C8A0; /* 饺子皮煮熟后的淡黄色 */\n border-radius: 50%;\n opacity: 0.3;\n z-index: 0;\n }\n\n /* --- 内容区域 --- */\n /* 页面标题 */\n .page-title-container {\n padding: 40px 60px 20px 60px;\n z-index: 2;\n }\n .page-title {\n font-size: 48px;\n font-weight: 700;\n color: #A97155; /* 酱油棕色，突出标题 */\n margin: 0;\n border-left: 8px solid #D24545; /* 辣椒油红色，作为点缀 */\n padding-left: 20px;\n }\n\n /* 页面主要内容 */\n .page-content-container {\n flex-grow: 1;\n padding: 10px 60px 60px 60px;\n z-index: 2;\n line-height: 1.8;\n font-size: 24px;\n overflow: hidden; /* 内容区自身也不能滚动 */\n }\n \n /* 内容区样式示例 */\n .page-content-container ul {\n list-style-type: none;\n padding-left: 20px;\n }\n .page-content-container ul li {\n padding-left: 1.5em;\n text-indent: -1.5em;\n margin-bottom: 12px;\n }\n .page-content-container ul li::before {\n content: '\\f105'; /* Font Aw
|
|||
|
|
"tags": [
|
|||
|
|
"饺子风"
|
|||
|
|
],
|
|||
|
|
"is_default": false,
|
|||
|
|
"export_info": {
|
|||
|
|
"exported_at": "2025-10-04T06:53:24.510Z",
|
|||
|
|
"original_id": 17,
|
|||
|
|
"original_created_at": 1755856369.830841
|
|||
|
|
}
|
|||
|
|
}
|