index.html 2.5 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899
  1. <!DOCTYPE html>
  2. <html lang="en">
  3. <head>
  4. <meta charset="UTF-8" />
  5. <meta http-equiv="X-UA-Compatible" content="IE=edge" />
  6. <meta name="viewport" content="width=device-width, initial-scale=1.0" />
  7. <title>小程序管理</title>
  8. <link
  9. rel="stylesheet"
  10. type="text/css"
  11. href="https://cloud1-6gbxfp9x33ff3b7c-1306051304.tcloudbaseapp.com/cloudbase-cms/apps/assetManage/layui/css/layui.css"
  12. />
  13. <script src="https://cloud1-6gbxfp9x33ff3b7c-1306051304.tcloudbaseapp.com/cloudbase-cms/apps/assetManage/layui/layui.js"></script>
  14. <style>
  15. html,body{
  16. width: 100%;
  17. height: 100%;
  18. }
  19. body{
  20. padding: 1em;
  21. }
  22. .m {
  23. display: none;
  24. background-color: rgba(0, 0, 0, 0.5);
  25. position: absolute;
  26. width: 100%;
  27. height: 80vh;
  28. top: 0;
  29. left: 0;
  30. bottom: 0;
  31. right: 0;
  32. }
  33. .m .detail {
  34. position: absolute;
  35. transition: all 1s;
  36. width: 50%;
  37. height: 100%;
  38. right: 0;
  39. background-color: #fff;
  40. padding: 3em 1em 1em 1em;
  41. }
  42. .m .close {
  43. cursor: pointer;
  44. position: absolute;
  45. top: 1em;
  46. right: 1em;
  47. }
  48. .m .upImg {
  49. padding: 1em 0;
  50. }
  51. .m .upImg img {
  52. margin: 3px 0 0 3px;
  53. width: 80px;
  54. }
  55. .m .upImg video {
  56. margin: 3px 0 0 3px;
  57. width: 80px;
  58. }
  59. </style>
  60. </head>
  61. <body >
  62. <button type="button" class="layui-btn addE">新增</button>
  63. <table class="layui-table" id="Administration" lay-filter="Administration">
  64. <colgroup>
  65. <col width="80">
  66. <col>
  67. <col>
  68. </colgroup>
  69. <thead>
  70. <tr>
  71. <th>类型</th>
  72. <th>文件ID</th>
  73. <th>预览</th>
  74. <th>操作</th>
  75. </tr>
  76. </thead>
  77. <tbody class="tb"></tbody>
  78. </table>
  79. <div id="page"></div>
  80. <!-- 新闻内容编辑 -->
  81. <div class="m">
  82. <div class="detail">
  83. <i class="close layui-icon">&#x1006;</i>
  84. <div class="layui-btn-group">
  85. <button type="button" class="layui-btn">
  86. <label for="up">
  87. <i class="layui-icon">&#xe67c;</i>选择音视频
  88. </label>
  89. </button>
  90. <button type="button" class="layui-btn upfile">上传</button>
  91. </div>
  92. <input id="up" multiple style="display: none" type="file" />
  93. <div class="upImg"></div>
  94. </div>
  95. </div>
  96. </body>
  97. <script src="./js/entry.js" entry></script>
  98. </html>