page-layout.vue 466 B

1234567891011121314151617181920212223242526272829303132333435
  1. <template>
  2. <view class="page-module" :class="type">
  3. <slot></slot>
  4. </view>
  5. </template>
  6. <script>
  7. export default {
  8. data() {
  9. return {
  10. type:'mobile'
  11. };
  12. },
  13. methods: {
  14. },
  15. mounted() {
  16. this.getSystemInfo(this,(type)=>{
  17. this.type = type
  18. })
  19. },
  20. }
  21. </script>
  22. <style lang="scss">
  23. .page-module {
  24. height: 100%;
  25. &.mobile {
  26. padding-top: $navBarHeight;
  27. }
  28. &.home-container.pc {
  29. padding-top: 100rpx;
  30. }
  31. }
  32. </style>