view.html 1.8 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566
  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="./cdn/vue/2.5.2/vue.min.js" charset="utf-8"></script>
  23. <script src="./cdn/axios/1.0.0/axios.min.js" charset="utf-8"></script>
  24. <script src="./cdn/element-ui/2.15.0/index.js" charset="utf-8"></script>
  25. <script src="./cdn/avue/2.8.23/avue.min.js"></script>
  26. <script src="./cdn/datav.min.vue.js"></script>
  27. <script src="./lib/index.umd.min.js"></script>
  28. <title>data数据大屏</title>
  29. <style>
  30. * {
  31. padding: 0;
  32. margin: 0;
  33. }
  34. body,
  35. html,
  36. #app {
  37. height: 100%;
  38. }
  39. </style>
  40. </head>
  41. <body>
  42. <div id="app">
  43. <avue-data :id="id" :option="option"></avue-data>
  44. </div>
  45. <script>
  46. window.onload = () => {
  47. new Vue({
  48. el: '#app',
  49. data () {
  50. return {
  51. id: GetQueryString('id'),
  52. option: option
  53. }
  54. },
  55. components: {
  56. avueData
  57. }
  58. })
  59. }
  60. </script>
  61. </body>
  62. </html>