| | |
| | | <template> |
| | | <div id="app"> |
| | | <router-view /> |
| | | <router-view v-if="isRouterAlive"/> |
| | | <theme-picker /> |
| | | </div> |
| | | </template> |
| | |
| | | <script> |
| | | import ThemePicker from "@/components/ThemePicker"; |
| | | |
| | | import devPixelRatio from "@/utils/devicePixelRatio.js"; |
| | | export default { |
| | | name: "App", |
| | | provide() { |
| | | return { |
| | | reload: this.reload, |
| | | }; |
| | | }, |
| | | data() { |
| | | return { |
| | | isRouterAlive: true, |
| | | }; |
| | | }, |
| | | components: { ThemePicker }, |
| | | metaInfo() { |
| | | return { |
| | |
| | | } |
| | | }, |
| | | created() { |
| | | new devPixelRatio().init(); // 初始化页面比例 |
| | | }, |
| | | methods: { |
| | | reload() { |
| | | this.isRouterAlive = false; |
| | | this.$nextTick(function () { |
| | | this.isRouterAlive = true; |
| | | }); |
| | | }, |
| | | }, |
| | | }; |
| | | </script> |
| | |
| | | #app .theme-picker { |
| | | display: none; |
| | | } |
| | | /* #app{ |
| | | width:1920px; |
| | | height:1080px; |
| | | } */ |
| | | |
| | | |
| | | body { |
| | | margin: 0; |