App.vue 1.0 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445
  1. <template>
  2. <div id="app">
  3. <router-view />
  4. <theme-picker />
  5. </div>
  6. </template>
  7. <script>
  8. import ThemePicker from "@/components/ThemePicker";
  9. export default {
  10. name: "App",
  11. components: { ThemePicker },
  12. metaInfo() {
  13. return {
  14. title: this.$store.state.settings.dynamicTitle && this.$store.state.settings.title,
  15. titleTemplate: title => {
  16. return title ? `${title} - ${process.env.VUE_APP_TITLE}` : process.env.VUE_APP_TITLE
  17. }
  18. }
  19. }
  20. };
  21. </script>
  22. <style scoped lang="scss">
  23. #app .theme-picker {
  24. display: none;
  25. }
  26. // 滚动条样式
  27. ::v-deep .el-table__body-wrapper::-webkit-scrollbar {
  28. width: 15x !important;
  29. height: 15px !important;
  30. }
  31. // ::v-deep .el-table__body-wrapper::-webkit-scrollbar-track {
  32. // background-color: #063570;
  33. // }
  34. ::v-deep .el-table__body-wrapper::-webkit-scrollbar {
  35. width: 15px;
  36. height: 15px;
  37. opacity: 0.5;
  38. }
  39. ::v-deep .el-table__body-wrapper::-webkit-scrollbar-thumb {
  40. border-radius: 15px;
  41. //background-color: #0257aa;
  42. }
  43. </style>