App.vue 956 B

12345678910111213141516171819202122232425262728293031323334353637383940
  1. <template>
  2. <div id="app" class="scroll-container">
  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>
  23. #app .theme-picker {
  24. display: none;
  25. }
  26. /* 隐藏滚动条的同时仍能滚动 */
  27. .scroll-container {
  28. overflow: auto; /* 启用滚动功能 */
  29. -ms-overflow-style: none; /* 适用于 Internet Explorer 和旧版 Edge */
  30. scrollbar-width: none; /* 适用于 Firefox */
  31. }
  32. /* Webkit 浏览器 */
  33. .scroll-container::-webkit-scrollbar {
  34. display: none; /* 隐藏滚动条 */
  35. }
  36. </style>