App.vue 1.2 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162
  1. /*入口*/
  2. <template>
  3. <div id="app">
  4. <router-view />
  5. </div>
  6. </template>
  7. <script>
  8. export default {
  9. name: 'App',
  10. mounted: function () {
  11. var link = document.createElement('link');
  12. link.type = 'text/css';
  13. link.id = "theme";
  14. link.rel = 'stylesheet';
  15. link.href = './static/black.css';
  16. document.getElementsByTagName("head")[0].appendChild(link);
  17. },
  18. }
  19. </script>
  20. <style>
  21. #app {
  22. width: 100%;
  23. /* min-width: 1780px; */
  24. height: 100%;
  25. -webkit-font-smoothing: antialiased;
  26. -moz-osx-font-smoothing: grayscale;
  27. color: #2c3e50;
  28. position:relative;
  29. }
  30. /* @font-face {
  31. font-family: 'iconfont';
  32. src: url('./assets/iconfont/iconfont.woff2') format('woff2'),
  33. url('./assets/iconfont/iconfont.woff') format('woff'),
  34. url('./assets/iconfont/iconfont.ttf') format('ttf');
  35. }
  36. .iconfont {
  37. font-family: "iconfont" !important;
  38. font-size: 24px !important;
  39. font-style: normal;
  40. -webkit-font-smoothing: antialiased;
  41. -moz-osx-font-smoothing: grayscale;
  42. color: #606266;
  43. } */
  44. .icon {
  45. width: 2em;
  46. height: 1.6em;
  47. vertical-align: -0.15em;
  48. fill: currentColor;
  49. overflow: hidden;
  50. cursor: pointer;
  51. }
  52. .icon:hover{
  53. }
  54. .dialoglocation{
  55. max-height: 600px;
  56. overflow: auto;
  57. }
  58. </style>