upload.html 4.3 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374757677787980818283848586
  1. <!DOCTYPE html>
  2. <html xmlns:th="http://www.thymeleaf.org">
  3. <head th:replace="/common/template :: header(~{::title},~{::link},~{::style})"></head>
  4. <body class="timo-layout-page">
  5. <div class="layui-row layui-col-space20">
  6. <div class="layui-col-md4">
  7. <div class="layui-card build-card">
  8. <div class="layui-card-header timo-card-header">
  9. <span><i class="fa fa-bars"></i> 目录树</span>
  10. <button class="layui-btn layui-btn-primary layui-btn-sm build-generate">生成HTML</button>
  11. </div>
  12. <div class="layui-card-body layui-form timo-compile build-panel"></div>
  13. </div>
  14. </div>
  15. <div class="layui-col-md4">
  16. <div class="layui-card">
  17. <div class="layui-card-header timo-card-header">
  18. <span><i class="fa fa-bars"></i> 上传文件</span>
  19. </div>
  20. <div class="layui-card-body">
  21. <div class="layui-form timo-compile element-panel">
  22. <div class="layui-form-item">
  23. <label class="layui-form-label">选择 Channel</label>
  24. <div class="layui-input-inline">
  25. <select name="interest" lay-filter="aihao">
  26. <option value=""></option>
  27. <option value="0">写作</option>
  28. <option value="1">阅读</option>
  29. <option value="2">游戏</option>
  30. <option value="3">音乐</option>
  31. <option value="4">旅行</option>
  32. </select>
  33. </div>
  34. </div>
  35. <div class="layui-form-item">
  36. <label class="layui-form-label">上传文件</label>
  37. <div class="layui-input-inline">
  38. <button type="button" class="layui-btn upload-file" name="files[]"
  39. th:attr="up-url=@{/store/object/upload}" up-field="path">
  40. <i class="layui-icon">&#xe67c;</i>上传图片
  41. </button>
  42. </div>
  43. <div class="upload-show"></div>
  44. </div>
  45. <div class="layui-form-item">
  46. <label class="layui-form-label">时间选择</label>
  47. <div class="layui-input-inline">
  48. <input type="text" class="layui-input" id="laydate" placeholder="yyyy-MM-dd">
  49. </div>
  50. </div>
  51. <div class="layui-form-item">
  52. <label class="layui-form-label">开关</label>
  53. <div class="layui-input-block">
  54. <input type="checkbox" name="close" lay-skin="switch" lay-text="ON|OFF">
  55. </div>
  56. </div>
  57. <div class="layui-form-item layui-form-text">
  58. <label class="layui-form-label">文本域</label>
  59. <div class="layui-input-block">
  60. <textarea placeholder="请输入内容" class="layui-textarea" name="desc"></textarea>
  61. </div>
  62. </div>
  63. <div class="layui-form-item timo-finally">
  64. <button class="layui-btn ajax-submit"><i class="fa fa-check-circle"></i> 保存</button>
  65. <button class="layui-btn btn-secondary close-popup"><i class="fa fa-times-circle"></i> 关闭</button>
  66. </div>
  67. </div>
  68. </div>
  69. </div>
  70. </div>
  71. <div class="layui-col-md4">
  72. <div class="layui-card build-card">
  73. <div class="layui-card-header timo-card-header">
  74. <span><i class="fa fa-bars"></i> 构建面板</span>
  75. <button class="layui-btn layui-btn-primary layui-btn-sm build-generate">生成HTML</button>
  76. </div>
  77. <div class="layui-card-body layui-form timo-compile build-panel"></div>
  78. </div>
  79. </div>
  80. </div>
  81. </body>
  82. <script th:replace="/common/template :: script"></script>
  83. <script type="text/javascript" th:src="@{/js/build.js}"></script>
  84. </html>