App.vue 898 B

12345678910111213141516171819202122232425262728293031323334353637383940
  1. <template>
  2. <div id="app">
  3. <router-view />
  4. </div>
  5. </template>
  6. <script>
  7. import {getOperatingSystem, getScreenWidth} from "@/utils"
  8. export default {
  9. name: 'App'
  10. }
  11. </script>
  12. <style>
  13. body {
  14. margin: 0;
  15. padding: 0;
  16. background: #f4f6f8;
  17. }
  18. .el-table__body-wrapper::-webkit-scrollbar {
  19. width: 12px; /*滚动条宽度*/
  20. height: 10px; /*滚动条高度*/
  21. }
  22. .el-table__body-wrapper::-webkit-scrollbar-track {
  23. border-radius: 10px; /*滚动条的背景区域的圆角*/
  24. -webkit-box-shadow: inset 0 0 15px rgba(238,238,238, 0.3);
  25. background-color: #eeeeee; /*滚动条的背景颜色*/
  26. }
  27. .el-table__body-wrapper::-webkit-scrollbar-thumb {
  28. border-radius: 10px; /*滚动条的圆角*/
  29. -webkit-box-shadow: inset 0 0 15px rgba(145, 143, 0143, 0.3);
  30. background-color: rgb(145, 143, 143); /*滚动条的背景颜色*/
  31. }
  32. @media (max-width:500px) {
  33. .app-main {
  34. padding: 15px 0px;
  35. }
  36. }
  37. </style>