App.vue 1.6 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150
  1. <template>
  2. <div id='app'>
  3. <router-view />
  4. </div>
  5. </template>
  6. <style lang="less">
  7. body,
  8. h1,
  9. h2,
  10. h3,
  11. h4,
  12. h5,
  13. h6,
  14. hr,
  15. p,
  16. blockquote,
  17. dl,
  18. dt,
  19. dd,
  20. ul,
  21. ol,
  22. li,
  23. pre,
  24. form,
  25. fieldset,
  26. legend,
  27. button,
  28. input,
  29. textarea,
  30. th,
  31. td {
  32. margin: 0;
  33. padding: 0;
  34. }
  35. body,
  36. button,
  37. input,
  38. select,
  39. textarea {
  40. font: 12px/1.5 Arial, 'Microsoft YaHei', '\65b0\5b8b\4f53';
  41. }
  42. h1,
  43. h2,
  44. h3,
  45. h4,
  46. h5,
  47. h6 {
  48. font-size: 100%;
  49. }
  50. address,
  51. cite,
  52. dfn,
  53. var,
  54. em,
  55. i,
  56. u {
  57. font-style: normal;
  58. }
  59. ol,
  60. ul {
  61. list-style: none;
  62. }
  63. a {
  64. text-decoration: none;
  65. }
  66. a:hover {
  67. text-decoration: underline;
  68. }
  69. img {
  70. border: none;
  71. vertical-align: middle;
  72. }
  73. :focus {
  74. outline: 0;
  75. }
  76. button,
  77. input,
  78. select,
  79. textarea {
  80. font-size: 100%;
  81. }
  82. table {
  83. border-collapse: collapse;
  84. border-spacing: 0;
  85. }
  86. /* 滚动条样式 */
  87. body ::-webkit-scrollbar {
  88. width: 5px;
  89. height: 5px;
  90. }
  91. body ::-webkit-scrollbar-track {
  92. background-color: rgba(0, 0, 0, 0);
  93. border-radius: 3px;
  94. }
  95. body ::-webkit-scrollbar-thumb {
  96. border-radius: 3px;
  97. background: #e6e6e6;
  98. border: 1px solid #e6e6e6;
  99. }
  100. body ::-webkit-scrollbar-thumb:vertical:hover {
  101. background: #e6e6e6;
  102. border: 1px solid #e6e6e6;
  103. }
  104. .clearfix::after {
  105. content: '.';
  106. display: block;
  107. height: 0;
  108. clear: both;
  109. visibility: hidden;
  110. }
  111. .clearfix {
  112. zoom: 1;
  113. }
  114. .left {
  115. float: left;
  116. }
  117. .right {
  118. float: right;
  119. }
  120. html,
  121. body {
  122. width: 100%;
  123. height: 100%;
  124. // min-width: 1920px;
  125. // background: url('./assets/images/back.jpg') no-repeat;
  126. }
  127. #app {
  128. height: 100%;
  129. width: 100%;
  130. }
  131. </style>