uni-status-bar.vue 404 B

123456789101112131415161718192021222324
  1. <template>
  2. <view :style="{ height: statusBarHeight }" class="uni-status-bar">
  3. <slot />
  4. </view>
  5. </template>
  6. <script>
  7. export default {
  8. name: 'UniStatusBar',
  9. data() {
  10. return {
  11. statusBarHeight: uni.getSystemInfoSync().statusBarHeight + 'px'
  12. }
  13. }
  14. }
  15. </script>
  16. <style lang="scss" >
  17. .uni-status-bar {
  18. // width: 750rpx;
  19. height: 20px;
  20. // height: var(--status-bar-height);
  21. }
  22. </style>