16 lines
12 KiB
JSON
16 lines
12 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>{{ page_title }}</title>\n <!-- 移除了 Tailwind 和 Font Awesome, 因为样式是完全自定义的 -->\n <script src=\"https://cdn.jsdelivr.net/npm/chart.js\"></script>\n <style>\n /* 引入具有书法韵味的在线字体 (可选，但效果更佳) */\n @import url('https://fonts.googleapis.com/css2?family=Ma+Shan+Zheng&family=ZCOOL+KuaiLe&display=swap');\n\n html {\n height: 100%;\n display: flex;\n align-items: center;\n justify-content: center;\n /* 使用深色背景衬托宣纸效果 */\n background-color: #1a1a1a; \n }\n\n body {\n width: 1280px;\n height: 720px;\n margin: 0;\n padding: 0;\n position: relative;\n overflow: hidden;\n /* 宣纸纹理背景 */\n background-color: #f7f3e9;\n background-image: url('data:image/svg+xml;charset=UTF-8,<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"100\" height=\"100\" viewBox=\"0 0 100 100\"><filter id=\"n\" x=\"0\" y=\"0\"><feTurbulence type=\"fractalNoise\" baseFrequency=\"0.8\" numOctaves=\"6\" stitchTiles=\"stitch\"/></filter><rect width=\"100\" height=\"100\" filter=\"url(%23n)\" opacity=\"0.1\"/></svg>');\n /* 字体设定，优先使用有书法感的字体 */\n font-family: 'KaiTi', 'STKaiti', 'SimSun', serif;\n flex-shrink: 0; \n box-shadow: 0 10px 30px rgba(0,0,0,0.5);\n }\n \n .slide-container {\n width: 100%;\n height: 100%;\n display: flex;\n flex-direction: column;\n color: #333; /* 墨色 */\n position: relative;\n }\n\n /* 左上角的墨迹装饰 */\n .slide-container::before {\n content: '';\n position: absolute;\n top: -20px;\n left: -30px;\n width: 200px;\n height: 200px;\n background-image: url('data:image/svg+xml;utf8,<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 100 100\"><path d=\"M 50,0 C 20,10 10,40 0,50 C 10,80 40,90 50,100 C 80,90 90,60 100,50 C 90,20 60,10 50,0 Z\" fill=\"rgba(0,0,0,0.08)\" transform=\"rotate(45 50 50) scale(1.2)\" /></svg>');\n background-repeat: no-repeat;\n background-size: contain;\n opacity: 0.5;\n z-index: 0;\n }\n \n .slide-header {\n padding: 50px 70px 20px 70px;\n position: relative;\n }\n \n .slide-title {\n /* 标题使用更具设计感的书法字体 */\n font-family: 'Ma Shan Zheng', 'STKaiti', 'KaiTi', cursive;\n font-size: clamp(3rem, 5vw, 4.5rem);\n font-weight: normal; /* 书法字体不需加粗 */\n color: #1a1a1a;\n margin: 0;\n line-height: 1.2;\n max-height: 100px;\n overflow: hidden;\n z-index: 1;\n position: relative;\n }\n\n /* 标题下的毛笔笔触分割线 */\n .slide-header::after {\n content: '';\n position: absolute;\n left: 70px;\n bottom: 5px;\n width: 300px;\n height: 15px;\n background-image: url('data:image/svg+xml;utf8,<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 200 10\"><path d=\"M 0,5 C 30,2 70,8 100,5 C 130,2 170,8 200,5\" stroke=\"%23990000\" stroke-width=\"3\" fill=\"none\" stroke-linecap=\"round\" /></svg>');\n background-repeat: no-repeat;\n background-size: 100% 100%;\n opacity: 0.7;\n }\n \n .slide-content {\n flex: 1;\n padding: 20px 70px;\n display: flex;\n flex-direction: column;\n justify-content: cente
|
||
|
|
"tags": [
|
||
|
|
"中国风",
|
||
|
|
"泼墨",
|
||
|
|
"传统"
|
||
|
|
],
|
||
|
|
"is_default": false,
|
||
|
|
"export_info": {
|
||
|
|
"exported_at": "2025-06-28T10:14:11.597Z",
|
||
|
|
"original_id": 5,
|
||
|
|
"original_created_at": 1751075831.969087
|
||
|
|
}
|
||
|
|
}
|