| 12345678910111213141516171819202122232425262728293031323334353637383940 |
- <template>
- <div id="app" class="scroll-container">
- <router-view />
- <theme-picker />
- </div>
- </template>
- <script>
- import ThemePicker from "@/components/ThemePicker";
- export default {
- name: "App",
- components: { ThemePicker },
- metaInfo() {
- return {
- title: this.$store.state.settings.dynamicTitle && this.$store.state.settings.title,
- titleTemplate: title => {
- return title ? `${title} - ${process.env.VUE_APP_TITLE}` : process.env.VUE_APP_TITLE
- }
- }
- }
- };
- </script>
- <style scoped>
- #app .theme-picker {
- display: none;
- }
- /* 隐藏滚动条的同时仍能滚动 */
- .scroll-container {
- overflow: auto; /* 启用滚动功能 */
- -ms-overflow-style: none; /* 适用于 Internet Explorer 和旧版 Edge */
- scrollbar-width: none; /* 适用于 Firefox */
- }
- /* Webkit 浏览器 */
- .scroll-container::-webkit-scrollbar {
- display: none; /* 隐藏滚动条 */
- }
- </style>
|