index2.html 2.0 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869
  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. <META HTTP-EQUIV="Pragma" CONTENT="no-cache">
  8. <META HTTP-EQUIV="Cache-Control" CONTENT="no-cache">
  9. <META HTTP-EQUIV="Expires" CONTENT="0">
  10. <script src="./components.js"></script>
  11. <script src="./config.js"></script>
  12. <script src="./index.js"></script>
  13. <script src="./view.js"></script>
  14. <link rel="stylesheet" href="./cdn/iconfont/iconfont.css">
  15. <link rel="stylesheet" href="./cdn/animate/3.5.1/animate.css">
  16. <link rel="stylesheet" href="./cdn/element-ui/2.15.0/theme-chalk/index.css">
  17. <link rel="stylesheet" href="./cdn/avue/2.8.23/index.css">
  18. <link rel="stylesheet" href="./lib/index.css">
  19. <script src="./cdn/echarts/5.4.0/echarts.min.js"></script>
  20. <script src="./cdn/echarts-wordcloud.min.js"></script>
  21. <script src="./cdn/clappr.min.js"></script>
  22. <script src="./const/theme/avue.project.js"></script>
  23. <script src="./const/theme/halloween.project.js"></script>
  24. <script src="./const/theme/wonderland.project.js"></script>
  25. <script src="./cdn/vue/2.5.2/vue.min.js" charset="utf-8"></script>
  26. <script src="./cdn/axios/1.0.0/axios.min.js" charset="utf-8"></script>
  27. <script src="./cdn/element-ui/2.15.0/index.js" charset="utf-8"></script>
  28. <script src="./cdn/avue/2.8.23/avue.min.js"></script>
  29. <script src="./cdn/datav.min.vue.js"></script>
  30. <script src="./lib/index.umd.min.js"></script>
  31. <title>avue-data数据大屏</title>
  32. <style>
  33. * {
  34. padding: 0;
  35. margin: 0;
  36. }
  37. body,
  38. html,
  39. #app {
  40. height: 100%;
  41. }
  42. </style>
  43. </head>
  44. <body>
  45. <div id="app">
  46. <avue-data :id="id" :option="option"></avue-data>
  47. </div>
  48. <script>
  49. window.onload = () => {
  50. new Vue({
  51. el: '#app',
  52. data() {
  53. return {
  54. id: GetQueryString('id'),
  55. option: option
  56. }
  57. },
  58. components: {
  59. avueData
  60. }
  61. })
  62. }
  63. </script>
  64. </body>
  65. </html>