提交 37fe6077 编写于 作者: ibizdev's avatar ibizdev

tony001 发布系统代码 [TrainSys,网页端]

上级 87db8693
......@@ -161,7 +161,7 @@
"caption" : "<!DOCTYPE html>\n<html lang=\"en\">\n\n<head>\n <meta charset=\"UTF-8\">\n <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\n <title>HTML Template with Features</title>\n <style>\n /* 外部样式 */\n button {\n padding: 10px 20px;\n background-color: #007BFF;\n color: white;\n border: none;\n border-radius: 5px;\n cursor: pointer;\n transition: background-color 0.3s ease;\n }\n\n button:hover {\n background-color: #0056b3;\n }\n\n .book-info {\n border: 1px solid #ccc;\n width: 300px;\n height: auto;\n padding: 20px;\n margin-top: 20px;\n border-radius: 5px;\n animation: fadeIn 1s ease;\n }\n\n @keyframes fadeIn {\n from {\n opacity: 0;\n }\n\n to {\n opacity: 1;\n }\n }\n </style>\n</head>\n\n<body>\n <!-- 按钮,带有点击事件 -->\n <button id=\"myButton\" onclick=\"handleClick()\">test</button>\n <button id=\"myButton\" onclick=\"handleClick2()\">log</button>\n <!-- 书籍信息容器 -->\n <div id=\"bookInfo\" class=\"book-info\" draggable=\"true\" ondragstart=\"dragStart(event)\" ondragover=\"dragOver(event)\"\n ondrop=\"drop(event)\">\n <div>名称:{{data.bookname}}</div>\n <div>更新时间:{{data.updatedate}}</div>\n </div>\n <div>\n <div>123</div>\n <div>456</div>\n <div>789</div>\n </div>\n <script>\n // 模拟数据\n const data = {\n test: 'test1',\n bookname: 'name外部值为-{{data.bookname}}',\n updatedate: '{{data.updatedate}}'\n };\n // 处理按钮点击事件\n function handleClick() {\n // 获取书籍信息元素\n const bookInfo = document.getElementById('bookInfo');\n if (bookInfo) {\n // 移除元素\n bookInfo.remove();\n }\n }\n // 处理按钮点击事件\n function handleClick2() {\n console.log('打印{data.bookname}', '测试内容{data.bookname}');\n console.log('内部data数据', data);\n }\n // 拖拽开始事件处理函数\n function dragStart(event) {\n event.dataTransfer.setData('text/plain', event.target.id);\n // 添加内联样式,改变透明度\n event.target.style.opacity = '0.5';\n }\n // 拖拽经过事件处理函数\n function dragOver(event) {\n event.preventDefault();\n }\n // 拖拽放下事件处理函数\n function drop(event) {\n event.preventDefault();\n const data = event.dataTransfer.getData('text/plain');\n const draggedElement = document.getElementById(data);\n // 移除内联样式\n draggedElement.style.opacity = '1';\n // 将拖拽元素移动到新位置\n event.target.appendChild(draggedElement);\n }\n </script>\n</body>\n\n</html>",
"contentType" : "RAW",
"name" : "static_text9",
"predefinedType" : "STATIC_TEXT",
"predefinedType" : "HTML_PREVIEW",
"renderMode" : "TEXT"
},
"rawContent" : "<!DOCTYPE html>\n<html lang=\"en\">\n\n<head>\n <meta charset=\"UTF-8\">\n <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\n <title>HTML Template with Features</title>\n <style>\n /* 外部样式 */\n button {\n padding: 10px 20px;\n background-color: #007BFF;\n color: white;\n border: none;\n border-radius: 5px;\n cursor: pointer;\n transition: background-color 0.3s ease;\n }\n\n button:hover {\n background-color: #0056b3;\n }\n\n .book-info {\n border: 1px solid #ccc;\n width: 300px;\n height: auto;\n padding: 20px;\n margin-top: 20px;\n border-radius: 5px;\n animation: fadeIn 1s ease;\n }\n\n @keyframes fadeIn {\n from {\n opacity: 0;\n }\n\n to {\n opacity: 1;\n }\n }\n </style>\n</head>\n\n<body>\n <!-- 按钮,带有点击事件 -->\n <button id=\"myButton\" onclick=\"handleClick()\">test</button>\n <button id=\"myButton\" onclick=\"handleClick2()\">log</button>\n <!-- 书籍信息容器 -->\n <div id=\"bookInfo\" class=\"book-info\" draggable=\"true\" ondragstart=\"dragStart(event)\" ondragover=\"dragOver(event)\"\n ondrop=\"drop(event)\">\n <div>名称:{{data.bookname}}</div>\n <div>更新时间:{{data.updatedate}}</div>\n </div>\n <div>\n <div>123</div>\n <div>456</div>\n <div>789</div>\n </div>\n <script>\n // 模拟数据\n const data = {\n test: 'test1',\n bookname: 'name外部值为-{{data.bookname}}',\n updatedate: '{{data.updatedate}}'\n };\n // 处理按钮点击事件\n function handleClick() {\n // 获取书籍信息元素\n const bookInfo = document.getElementById('bookInfo');\n if (bookInfo) {\n // 移除元素\n bookInfo.remove();\n }\n }\n // 处理按钮点击事件\n function handleClick2() {\n console.log('打印{data.bookname}', '测试内容{data.bookname}');\n console.log('内部data数据', data);\n }\n // 拖拽开始事件处理函数\n function dragStart(event) {\n event.dataTransfer.setData('text/plain', event.target.id);\n // 添加内联样式,改变透明度\n event.target.style.opacity = '0.5';\n }\n // 拖拽经过事件处理函数\n function dragOver(event) {\n event.preventDefault();\n }\n // 拖拽放下事件处理函数\n function drop(event) {\n event.preventDefault();\n const data = event.dataTransfer.getData('text/plain');\n const draggedElement = document.getElementById(data);\n // 移除内联样式\n draggedElement.style.opacity = '1';\n // 将拖拽元素移动到新位置\n event.target.appendChild(draggedElement);\n }\n </script>\n</body>\n\n</html>",
......
......@@ -160,7 +160,7 @@
"caption" : "<!DOCTYPE html>\n<html lang=\"en\">\n\n<head>\n <meta charset=\"UTF-8\">\n <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\n <title>HTML Template with Features</title>\n <style>\n /* 外部样式 */\n button {\n padding: 10px 20px;\n background-color: #007BFF;\n color: white;\n border: none;\n border-radius: 5px;\n cursor: pointer;\n transition: background-color 0.3s ease;\n }\n\n button:hover {\n background-color: #0056b3;\n }\n\n .book-info {\n border: 1px solid #ccc;\n width: 300px;\n height: auto;\n padding: 20px;\n margin-top: 20px;\n border-radius: 5px;\n animation: fadeIn 1s ease;\n }\n\n @keyframes fadeIn {\n from {\n opacity: 0;\n }\n\n to {\n opacity: 1;\n }\n }\n </style>\n</head>\n\n<body>\n <!-- 按钮,带有点击事件 -->\n <button id=\"myButton\" onclick=\"handleClick()\">test</button>\n <button id=\"myButton\" onclick=\"handleClick2()\">log</button>\n <!-- 书籍信息容器 -->\n <div id=\"bookInfo\" class=\"book-info\" draggable=\"true\" ondragstart=\"dragStart(event)\" ondragover=\"dragOver(event)\"\n ondrop=\"drop(event)\">\n <div>名称:{{data.bookname}}</div>\n <div>更新时间:{{data.updatedate}}</div>\n </div>\n <div>\n <div>123</div>\n <div>456</div>\n <div>789</div>\n </div>\n <script>\n // 模拟数据\n const data = {\n test: 'test1',\n bookname: 'name外部值为-{{data.bookname}}',\n updatedate: '{{data.updatedate}}'\n };\n // 处理按钮点击事件\n function handleClick() {\n // 获取书籍信息元素\n const bookInfo = document.getElementById('bookInfo');\n if (bookInfo) {\n // 移除元素\n bookInfo.remove();\n }\n }\n // 处理按钮点击事件\n function handleClick2() {\n console.log('打印{data.bookname}', '测试内容{data.bookname}');\n console.log('内部data数据', data);\n }\n // 拖拽开始事件处理函数\n function dragStart(event) {\n event.dataTransfer.setData('text/plain', event.target.id);\n // 添加内联样式,改变透明度\n event.target.style.opacity = '0.5';\n }\n // 拖拽经过事件处理函数\n function dragOver(event) {\n event.preventDefault();\n }\n // 拖拽放下事件处理函数\n function drop(event) {\n event.preventDefault();\n const data = event.dataTransfer.getData('text/plain');\n const draggedElement = document.getElementById(data);\n // 移除内联样式\n draggedElement.style.opacity = '1';\n // 将拖拽元素移动到新位置\n event.target.appendChild(draggedElement);\n }\n </script>\n</body>\n\n</html>",
"contentType" : "RAW",
"name" : "static_text9",
"predefinedType" : "STATIC_TEXT",
"predefinedType" : "HTML_PREVIEW",
"renderMode" : "TEXT"
},
"rawContent" : "<!DOCTYPE html>\n<html lang=\"en\">\n\n<head>\n <meta charset=\"UTF-8\">\n <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\n <title>HTML Template with Features</title>\n <style>\n /* 外部样式 */\n button {\n padding: 10px 20px;\n background-color: #007BFF;\n color: white;\n border: none;\n border-radius: 5px;\n cursor: pointer;\n transition: background-color 0.3s ease;\n }\n\n button:hover {\n background-color: #0056b3;\n }\n\n .book-info {\n border: 1px solid #ccc;\n width: 300px;\n height: auto;\n padding: 20px;\n margin-top: 20px;\n border-radius: 5px;\n animation: fadeIn 1s ease;\n }\n\n @keyframes fadeIn {\n from {\n opacity: 0;\n }\n\n to {\n opacity: 1;\n }\n }\n </style>\n</head>\n\n<body>\n <!-- 按钮,带有点击事件 -->\n <button id=\"myButton\" onclick=\"handleClick()\">test</button>\n <button id=\"myButton\" onclick=\"handleClick2()\">log</button>\n <!-- 书籍信息容器 -->\n <div id=\"bookInfo\" class=\"book-info\" draggable=\"true\" ondragstart=\"dragStart(event)\" ondragover=\"dragOver(event)\"\n ondrop=\"drop(event)\">\n <div>名称:{{data.bookname}}</div>\n <div>更新时间:{{data.updatedate}}</div>\n </div>\n <div>\n <div>123</div>\n <div>456</div>\n <div>789</div>\n </div>\n <script>\n // 模拟数据\n const data = {\n test: 'test1',\n bookname: 'name外部值为-{{data.bookname}}',\n updatedate: '{{data.updatedate}}'\n };\n // 处理按钮点击事件\n function handleClick() {\n // 获取书籍信息元素\n const bookInfo = document.getElementById('bookInfo');\n if (bookInfo) {\n // 移除元素\n bookInfo.remove();\n }\n }\n // 处理按钮点击事件\n function handleClick2() {\n console.log('打印{data.bookname}', '测试内容{data.bookname}');\n console.log('内部data数据', data);\n }\n // 拖拽开始事件处理函数\n function dragStart(event) {\n event.dataTransfer.setData('text/plain', event.target.id);\n // 添加内联样式,改变透明度\n event.target.style.opacity = '0.5';\n }\n // 拖拽经过事件处理函数\n function dragOver(event) {\n event.preventDefault();\n }\n // 拖拽放下事件处理函数\n function drop(event) {\n event.preventDefault();\n const data = event.dataTransfer.getData('text/plain');\n const draggedElement = document.getElementById(data);\n // 移除内联样式\n draggedElement.style.opacity = '1';\n // 将拖拽元素移动到新位置\n event.target.appendChild(draggedElement);\n }\n </script>\n</body>\n\n</html>",
......
Markdown 格式
0% or
您添加了 0 到此讨论。请谨慎行事。
先完成此消息的编辑!
想要评论请 注册