App.vue 929 B

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152
  1. <template>
  2. <div id="app" :class="{ h5: $store.state.isH5Milieu }">
  3. <keep-alive>
  4. <router-view v-if="$route.meta.keepAlive"></router-view>
  5. </keep-alive>
  6. <router-view v-if="!$route.meta.keepAlive"></router-view>
  7. </div>
  8. </template>
  9. <script>
  10. // import BREADCRUMB from "public/breadcrumb/breadcrumb";
  11. // import NAVIGATIONBARS from "public/navigationBars/navigationBars";
  12. export default {
  13. name: "App",
  14. components: {
  15. // BREADCRUMB,
  16. // NAVIGATIONBARS
  17. }
  18. };
  19. </script>
  20. <style lang="less">
  21. @import "./common/less/public.less";
  22. html,
  23. body {
  24. width: 100%;
  25. height: 100%;
  26. overflow: hidden;
  27. margin: 0;
  28. padding: 0;
  29. }
  30. #app {
  31. font-size: 14px;
  32. width: 100%;
  33. height: 100%;
  34. box-sizing: border-box;
  35. }
  36. /* 面包屑字体修改 */
  37. .header_container {
  38. font-size: 14px;
  39. padding-top: 36px;
  40. }
  41. .navWrapper {
  42. position: absolute;
  43. left: 0;
  44. right: 0;
  45. z-index: 1000;
  46. overflow: hidden;
  47. }
  48. </style>