App.vue 1.1 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273
  1. <template>
  2. <div id="app">
  3. <router-view />
  4. </div>
  5. </template>
  6. <script>
  7. export default {
  8. name: 'App',
  9. data() {
  10. return {};
  11. },
  12. methods: {},
  13. mounted() {}
  14. };
  15. </script>
  16. <style lang="less">
  17. @import './assets/css/global.css';
  18. html,
  19. body {
  20. height: 100%;
  21. width: 100%;
  22. margin: 0;
  23. #app {
  24. height: 100%;
  25. width: 100%;
  26. position: absolute;
  27. left: 0;
  28. top: 0;
  29. background: #f1f1f1;
  30. overflow: hidden;
  31. }
  32. }
  33. /deep/.customClass {
  34. .el-loading-spinner {
  35. i.el-icon-loading {
  36. color: #dcdfe6 !important;
  37. }
  38. .el-loading-text {
  39. color: #dcdfe6 !important;
  40. }
  41. }
  42. }
  43. .el-breadcrumb__inner:hover {
  44. cursor: default !important;
  45. }
  46. // 所有卡片
  47. .custom-ffffff .el-card.is-always-shadow {
  48. border-radius: 10px;
  49. }
  50. // 所有弹框
  51. .custom-ffffff .el-dialog {
  52. border-radius: 5px;
  53. }
  54. .custom-ffffff .el-dialog__header {
  55. border-radius: 5px 5px 0 0;
  56. }
  57. /*全局滚动条样式*/
  58. ::-webkit-scrollbar {
  59. width: 5px;
  60. height: 14px;
  61. }
  62. ::-webkit-scrollbar-thumb {
  63. /* background-color: #01c8dc;
  64. border-radius: 3px; */
  65. background-color: #b6b6b6;
  66. }
  67. </style>