scroll-page.vue 539 B

12345678910111213141516171819202122232425262728293031
  1. <!--登录页面布局,只有footer-->
  2. <template functional>
  3. <el-scrollbar class="scroll-page">
  4. <slot></slot>
  5. </el-scrollbar>
  6. </template>
  7. <style lang="less">
  8. html,
  9. body {
  10. width: 100%;
  11. height: 100%;
  12. }
  13. </style>
  14. <style lang="less">
  15. .el-scrollbar.scroll-page {
  16. height: 100%;
  17. width: 100%;
  18. & > .el-scrollbar__wrap {
  19. overflow-x: hidden;
  20. display: flex;
  21. & > .el-scrollbar__view {
  22. padding: 0px;
  23. display: flex;
  24. flex: 1;
  25. // flex-direction: column;
  26. // overflow: auto;
  27. }
  28. }
  29. }
  30. </style>