App.vue 1014 B

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253
  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>
  23. #app .theme-picker {
  24. display: none;
  25. }
  26. ::-webkit-scrollbar-track {
  27. background: rgba(0, 0, 0, 0.1);
  28. border-radius: 0;
  29. }
  30. ::-webkit-scrollbar {
  31. -webkit-appearance: none;
  32. width: 8px;
  33. height: 6px;
  34. }
  35. ::-webkit-scrollbar-thumb {
  36. cursor: pointer;
  37. border-radius: 5px;
  38. background: rgba(0, 0, 0, 0.15);
  39. transition: color 0.2s ease;
  40. }
  41. /* 全局设置 element ui dialog水平垂直居中 */
  42. /* .el-dialog {
  43. left: 50%;
  44. top: 50%;
  45. transform: translate(-50%, -50%);
  46. margin: 0px !important;
  47. } */
  48. </style>