tabbar.vue 550 B

123456789101112131415161718192021222324252627282930313233343536373839404142434445
  1. <template>
  2. <view
  3. class="box"
  4. :style="{
  5. height: height,
  6. lineHeight:height
  7. }"
  8. >
  9. <slot></slot>
  10. </view>
  11. </template>
  12. <script>
  13. export default {
  14. data() {
  15. return {};
  16. },
  17. methods: {
  18. name() {},
  19. },
  20. props: {
  21. height: {
  22. type: String,
  23. default: "0rpx",
  24. },
  25. },
  26. };
  27. </script>
  28. <style lang="scss" scoped>
  29. .box{
  30. width: 100%;
  31. display:flex;
  32. justify-content: space-between;
  33. overflow: scroll;
  34. position: fixed;
  35. bottom: 0;
  36. font-size: 14px;
  37. background: #fff;
  38. }
  39. </style>