index.html 1.2 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263
  1. <!doctype html>
  2. <title>Level tool</title>
  3. <link rel="stylesheet" href="https://code.getmdl.io/1.3.0/material.red-blue.min.css" />
  4. <script defer src="https://code.getmdl.io/1.3.0/material.min.js"></script>
  5. <style>
  6. .entry {
  7. width: 100%;
  8. background-color: aquamarine;
  9. padding: 2em;
  10. }
  11. .descriptor {
  12. display: inline-block;
  13. width: 5em;
  14. }
  15. .log {
  16. font-size: 0.8em;
  17. line-height: 1em;
  18. background-color: aliceblue;
  19. padding: 1em;
  20. }
  21. .json-tree-value-number {
  22. color: red;
  23. }
  24. </style>
  25. <div id="app">
  26. <main class="mdl-layout__content">
  27. <div class="page-content">
  28. yo yo yo <br>
  29. hi {{config}}
  30. <a onclick="getData()">get</a>
  31. </div>
  32. </main>
  33. </div>
  34. <script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.js"></script>
  35. <!-- <link href="https://unpkg.com/vue-json-tree@0.3.3/dist/json-tree.css" rel="stylesheet"> -->
  36. <!-- <script src="https://unpkg.com/vue-json-tree@0.3.3/dist/json-tree.js"></script> -->
  37. <script src="app.js"></script>
  38. <link rel="stylesheet" href="https://fonts.googleapis.com/icon?family=Material+Icons">
  39. <!-- CSS ================================= -->