column.html 1.3 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647
  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4. <meta charset="utf-8">
  5. <title>条状图表</title>
  6. <link rel="stylesheet" href="../../component/pear/css/pear.css" />
  7. <link rel="stylesheet" href="../../demos/css/result.css" />
  8. </head>
  9. <body class="pear-container">
  10. <div class="layui-row layui-col-space10">
  11. <div class="layui-col-md6">
  12. <div class="layui-card">
  13. <div class="layui-card-body">
  14. <div id="column1" style="min-height:400px;"></div>
  15. </div>
  16. </div>
  17. </div>
  18. <div class="layui-col-md6">
  19. <div class="layui-card">
  20. <div class="layui-card-body">
  21. <div id="column2" style="min-height:400px;"></div>
  22. </div>
  23. </div>
  24. </div>
  25. <div class="layui-col-md6">
  26. <div class="layui-card">
  27. <div class="layui-card-body">
  28. <div id="column3" style="min-height:400px;"></div>
  29. </div>
  30. </div>
  31. </div>
  32. <div class="layui-col-md6">
  33. <div class="layui-card">
  34. <div class="layui-card-body">
  35. <div id="column4" style="min-height:400px;"></div>
  36. </div>
  37. </div>
  38. </div>
  39. </div>
  40. <script src="../../component/layui/layui.js"></script>
  41. <script src="../../component/pear/pear.js"></script>
  42. <script src="script/column1.js"></script>
  43. <script src="script/column2.js"></script>
  44. <script src="script/column3.js"></script>
  45. <script src="script/column4.js"></script>
  46. </body>
  47. </html>