sklineFooter.vue 508 B

123456789101112131415161718192021222324252627282930313233
  1. <template>
  2. <div class="skline_footer">
  3. <view class="skline_footer-content">
  4. <slot></slot>
  5. </view>
  6. <view :style="{height:safeAreaBottom+'px'}"></view>
  7. </div>
  8. </template>
  9. <script>
  10. export default {
  11. data() {
  12. return {
  13. safeAreaBottom: 0
  14. }
  15. },
  16. mounted() {
  17. uni.getSystemInfo({
  18. success: (res) => {
  19. this.safeAreaBottom = res.safeAreaInsets.bottom
  20. }
  21. })
  22. }
  23. }
  24. </script>
  25. <style lang="less">
  26. .skline_footer {
  27. .skline_footer-content{
  28. height: 100rpx;
  29. }
  30. }
  31. </style>