App.vue 723 B

1234567891011121314151617181920212223
  1. <template>
  2. <div id="app">
  3. <router-view></router-view>
  4. </div>
  5. </template>
  6. <script>
  7. export default {
  8. name: 'App',
  9. created() {
  10. // 获取滚动条的满宽度和高度
  11. const $dom = document.createElement('div');
  12. $dom.setAttribute('style', 'width: 100px; height:100px;overflow:scroll;position:absolute;top: -200px; left: -200px');
  13. document.body.appendChild($dom);
  14. window.scrollBarWidth = $dom.offsetWidth - $dom.clientWidth;
  15. window.scrollBarHeight = $dom.offsetHeight - $dom.clientHeight;
  16. document.body.removeChild($dom);
  17. }
  18. };
  19. </script>
  20. <style>
  21. @import './assets/css/main.scss';
  22. @import './assets/css/color-dark.css'; /*深色主题*/
  23. </style>